/*
	Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/14px Arial,sans-serif; color: #3a3a3a; text-align: left; background: #cad8e3 url(/files/rb-ostrava/img/background.gif) repeat-x 0 0; padding-top: 10px; }

a { color: #3C3c3c; text-decoration: underline; }
a:hover { cursor: pointer; text-decoration: underline; }
a img { border: 0; }

.fl { float: left; display: inline; }
.fr { float: right; display:inline; }
.ac { text-align: center; }
.ar { text-align: right; }
.al { text-align: left; }
.cl { clear: both; height: 0; line-height: 0; font-size: 0; text-indent: -4000px; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { width: 980px; margin: 0 auto; p}

.box { margin-bottom: 10px; }
.box .cnt { height: 100%; background: #fff; padding: 5px 10px; }
.box .bottom { background: url(/files/rb-ostrava/img/box-bottom.gif) no-repeat 0 0; height: 3px; }
.box .top { 
	background: url(/files/rb-ostrava/img/box-top.gif) no-repeat 0 0; 
	height: 4px; 
	font-size: 0; 
	line-height: 0; 
	text-indent: -4000px; 
}

/*
	Header
*/

#header { background: url(/files/rb-ostrava/img/header-bg.gif) repeat-x 0 0; height: 104px; }

.IntroImage  { background: url(/files/rb-ostrava/img/RB-Ostrava-Intro.png) no-repeat 320px bottom; height: 104px; }

#logo { height: 52px; width: 284px; margin: 30px 0 0 17px; }
#logo a { display: block; height: 52px; background: url(/files/rb-ostrava/img/logo.gif); text-indent: -4000px; }

.a-side-header { float: right; display: inline; width: 220px; font-size: 11px; color: #8f8f8f; line-height: 20px; padding-top: 10px; }
.a-side-header a:hover { text-decoration: none; }
.a-side-header span { line-height: 25px; }

.a-side-header span.sep { 
	float: left; 
	display: inline; 
	height: 25px; 
	width: 1px; 
	background: #ebebeb; 
	position: relative; 
	margin: 0 5px; 
}

.a-side-header .lang {
	float: left;
	display: inline;
	height: 20px;
	width: 72px; 
	background: url(/files/rb-ostrava/img/lang-bg.gif) no-repeat 0 0; 
	padding-left: 7px; 
	font-size: 10px; 
	line-height: 20px; 
	color: #4d4d4d;
	margin: 3px 5px 0;
}

.a-side-header .sitemap { 
	float: left; 
	display: inline; 
	color: #8f8f8f; 
	background: url(/files/rb-ostrava/img/icon-sitemap.gif) no-repeat 0 center; 
	padding-left: 14px; 
	line-height: 25px;
}

/*
	Navigation
*/


#navigation { 
	height: 32px; 
	background: url(/files/rb-ostrava/img/navigation.gif) no-repeat 0 0;
	padding-top: 4px; 
	margin: 5px 0; padding-left:30px
}

#navigation ul { 
	list-style: none outside; 
	float: left; 
	display: inline; 
	width: 100%; 
	margin-left: 4px;
}

#navigation li { 
	float: left; 
	display: inline; 
	height: 28px; 
	margin-right: 5px;
}

#navigation li a {
	float: left; 
	display: inline; 
	height: 28px; 
	width: 113px; 
	padding-right: 10px;
	background: url(/files/rb-ostrava/img/button-lrn-more.png) no-repeat 0 0; 
	text-align: center;
	font-size: 10px; 
	text-transform: uppercase;
	line-height: 28px; 
	color: #616b63;text-decoration:none !important
}

#navigation li a:hover, 
#navigation li a.active { 
	xbackground-position: -94px 0; 
	background:none !important;
	text-decoration: none; color:#000000
}

#search { 
	float: right; 
	display: inline; 
	width: 160px; 
	height: 25px; 
	margin: 3px 7px 0 0;
	background: url(/files/rb-ostrava/img/search-field.gif) no-repeat 0 0;
}

#search .field { 
	font-size: 10px; 
	float: left; 
	display: inline; margin: 6px 0 0 5px;
	width: 120px; 
	border: 0;
	background: none;
	color: #616b63;
}

#search .btn { 
	float: right; 
	display: inline; 
	height: 13px; 
	width: 12px; 
	background: url(/files/rb-ostrava/img/icon-search.gif) no-repeat 0 0; 
	border: 0;
	margin: 6px 7px 0 0; 
	cursor: pointer;
}

.column { float: left; display: inline; width: 310px; }

.middle-col { margin: 0 15px; }

.service { 
	width: 280px; 
	height: 164px; 
	padding: 7px 15px;
}

.service p { 
	text-align: center; 
	color: #fff; 
	font-size: 11px; 
	line-height: 15px; 
	padding: 5px 0; 
}

.service .more { 
	display: block;
	height: 28px;
	width: 113px;
	text-align: center;
	background: url(/files/rb-ostrava/img/button-lrn-more.png) no-repeat 0 0; 
	color: #5d5d5d;
	font-size: 13px;
	line-height: 28px;
	margin: 7px auto; 
}

/*
	Red Box
*/

.red-box { background: url(/files/rb-ostrava/img/red-box.gif) no-repeat 0 0; }
.red-box h2 { height: 57px; }
.red-box h2 span { 
	display: block; 
	height: 21px; 
	background: url(/files/rb-ostrava/img/h2-finance.gif) no-repeat 0 0; 
	margin-left: 40px; 
	position: relative; 
	top: 15px;
}

/*
	Orange Box
*/

.orange-box { background: url(/files/rb-ostrava/img/orange-box.gif) no-repeat 0 0; }
.orange-box h2 { height: 57px; }
.orange-box h2 span { 
	display: block;
	height: 26px;
	background: url(/files/rb-ostrava/img/h2-business.gif) no-repeat 0 0;
	margin-left:47px;
	position: relative;
	top: 15px;
}

/*
	Green Box
*/

.green-box { background: url(/files/rb-ostrava/img/green-box.gif) no-repeat 0 0; }
.green-box h2 { height: 57px; }
.green-box h2 span {
	display: block;
	height: 26px;
	background: url(/files/rb-ostrava/img/h2-project.gif) no-repeat 0 0;
	margin-left: 48px;
	position: relative;
	top: 15px;
}

/*
	Latest News
*/

.latest-news { height: 100%; background: url(/files/rb-ostrava/img/latest-news-bg.gif) repeat-y 0 0; }
.latest-news .latest-bottom { background: url(/files/rb-ostrava/img/latest-news-bottom.gif) no-repeat 0 bottom; }
.latest-news .latest-top { background: url(/files/rb-ostrava/img/latest-news-top.gif) no-repeat 0 top; padding: 7px; }

h2.HeaderName 	{font: 22px/22px "Trebuchet MS", Arial, sans-serif;
	color: #404040; 
	margin-bottom: 10px; 
	padding-left: 10px;}

.news h2 { 
	font-family: "Trebuchet MS", Arial, sans-serif;
	line-height:14px;
	color: #404040; 
	font-size:12px;padding:0px;margin:0px;
}



.news h2 a {color:#C04226;text-decoration:none !important}
.news h2 a:hover {color:#3A3A3A}

.latest-news .news { 
	padding: 10px 5px; 
	background: url(/files/rb-ostrava/img/latest-news-separator.gif) repeat-x 0 bottom; 
	margin: 0 5px; 
}

.latest-news .news small { 
	display: none; 
	color: #c04226; 
	font-size: 11px; 
	margin-bottom: 3px; 
}

.latest-news .news p { line-height: 15px; color: #5a5a5a; }

.latest-news .actions { 
	float: right; 
	display: inline; 
	background: url(/files/rb-ostrava/img/latest-news-actions.gif) no-repeat 0 bottom;
	line-height: 12px;
	padding-left: 15px; 
	color: #c24426; 
	text-decoration: underline; 
	margin:  10px 5px 5px 5px; 
}

.latest-news .actions:hover { text-decoration: none; }

.latest-news .More {color:#C04226;font-size:11px;margin-top:5px;}

/*
	Other News
*/

.post { padding: 5px 0 5px 10px;clear:both } 
.post h2 { font: 16px "Trebuchet MS", Arial, sans-serif; color: #404040; margin-bottom: 7px;padding-top:3px }
.post h2 span { color: #be3f24; }

.post h2 a {color:#404040;text-decoration:underline}


.post p { padding-bottom: 10px; }

.post .more { 
	
	height: 14px;
	background: url(/files/rb-ostrava/img/latest-news-actions.gif) no-repeat 0px 2px;
	padding-left: 15px;margin-top:8px;
	line-height: 14px;
	font-size: 11px;
	color: #404040; 
	text-decoration: underline; 
}

.post .more:hover { text-decoration: none; }
.post ul { list-style: none outside; padding: 20px 0 0 0; }

.post li { 
	background: url(/files/rb-ostrava/img/latest-news-actions.gif) no-repeat 0 2px; 
	padding-left: 15px; 
	padding-bottom: 5px; 
}

.post li a { 
	font-size: 11px; 
	line-height: 11px; 
	color: #c24426; 
	text-decoration: underline;
}

.post li a:hover { text-decoration: none; }


/*
	Footer
*/

#footer { padding: 10px 0; font-size: 10px; }
#footer a { color: #3a3a3a; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

.articles {width:640px;float:right;}
.articles span.ShowDate {display:block !important}
.articles span.ShowDate .HideItem {font-weight:bold;display:none}

.articles .More {background:url(/img/prace/RedArrow.gif) no-repeat 0px 2px;padding-left:8px;text-decoration:underline;color:#000000}

.articles h3 {font-size:100%;margin:0px;padding:0px;padding-bottom:6px;padding-top:0px;margin-top:0px;}
.articles h3 a {color:#000000;text-decoration:underline}



.articles a {text-decoration:none;}
.articles a b {color:#dc222e}
.articles a:hover {text-decoration:underline}
.articles a:hover b {text-decoration:none}
.articles .img {}
.articles .img img {padding:3px;border:solid 1px #D8D9DA}

.articles p {margin:3px 0}
.articles p a {text-decoration:underline}

.last {border:0}
.articles .i-r {float:right;padding-left:8px;padding-top:7px;}
.articles .i-l {float:left;padding-right:8px;padding-top:7px;}


.CatDes {float:right;width:640px;padding-top:7px;}

.CatDes h1 {font: 22px/22px "Trebuchet MS", Arial, sans-serif;
	color: #404040; 
	margin-bottom: 10px; 
	padding-left: 5px;}

.CatDes h2 {font-size:140%;color:#000000}

.CatDes a {color:#000000}
.CatDes a:hover {color:#0B3E3E}
/* - Detail clanku - */

#articlefullcontent {float:right;width:632px;overflow:hidden;padding-top:7px;}

X#articlefullcontent h1 {margin:0px;margin-bottom:0px;margin-top:0px;padding:0px;font-size:18px;}

.page_detail {color:#3C3C3C;}
.page_detail #articlebox {width:277px;float:left;margin-right:5px}
.page_detail #articlebox span {text-align:center;border:1px solid #c9c9c9;padding:10px;width:257px;display:block}
.page_detail #articlecontent {}

.page_detail h1 {font: 22px/22px "Trebuchet MS", Arial, sans-serif;
	color: #404040; 
	margin-bottom: 5px; 
	padding-left: 0px;line-height:26px}


.page_detail h2, .page_detail h3, .page_detail h4 {margin:10px 0 0;}
.page_detail h2 {font-size:16px;color:#F79A1D;padding-bottom:10px;}
.page_detail h3 {font-size:110%;color:#F79A1D}
.page_detail h4 {font-size:100%;color:#F79A1D}

.page_detail img {margin-left:4px;margin-right:4px;background:#FFFFFF;padding:2px;border:solid 2px #D4D2D4}

.page_detail table {}
.page_detail table td {padding:4px;}

xxx.page_detail ul {margin:10px 0 10px 20px}


.page_detail ul {margin:0px;padding:0px;margin-bottom:15px;}
.page_detail ul li {list-style-image: none;list-style-type:none;background:url(/img/icons/BlueArrow.gif) no-repeat 0px 3px;margin:0px;padding-left:15px;line-height:16px;}

.page_detail ol {margin:0px;margin-left:26px;padding:0px;}
.page_detail ol li {padding:0px;margin:0px}

.page_detail p {margin-top:5px;margin-bottom:10px;line-height:16px}



.ArtPager {padding-top:10px;padding-bottom:13px;background:#F3F3F3;margin-top:30px;margin-bottom:3px;}

.ArtPager .ArtPagerTbl {width:532px;}

.ArtPager .ArtPagerTbl td {vertical-align:middle;height:20px;color:#626668}

.ArtPager .ArtPagerTbl .LeftPageTd {padding-left:20px;}

.ArtPager .ArtPagerTbl .LeftPageTd a {background: url("/img/icons/LeftArrow.gif") no-repeat 0px;color:#005596;padding-left:20px}

.ArtPager .ArtPagerTbl .PagerNo {text-align:center;padding-left:10px;padding-right:10px;color:#EB1F29}

.ArtPager .ArtPagerTbl .PagerNo a {padding-left:4px;padding-right:4px;color:#626668}

.ArtPager .ArtPagerTbl .RightPageTd {padding-right:20px;text-align:right}
.ArtPager .ArtPagerTbl .RightPageTd a {background: url("/img/icons/RightArrow.gif") no-repeat 100%;color:#005596;padding-right:20px;}

.ArtPager .ArtPagerTbl .GoForPageTd {text-align:right;padding-right:10px;vertical-align:top}

.ArtPager .ArtPagerTbl .GoForPageTd .PagerInput {width:30px;height:16px;border:solid 1px #8E8B8A;font-size:11px;color:#606467;padding-top:2px;text-align:center}

.ArtPager .ArtPagerTbl .GoForPageTd .PagerBtn {background: url("/img/btn/JdiBtn.gif") no-repeat;cursor:pointer;margin:0px;width:30px;border:solid 0px}




.ListPager {padding-top:10px;padding-bottom:13px;background:#F3F3F3;margin-top:30px;margin-bottom:3px;}

.ListPager .ArtPagerTbl {width:532px;}

.ListPager .ArtPagerTbl td {vertical-align:middle;height:20px;color:#626668}

.ListPager .ArtPagerTbl .LeftPageTd {padding-left:20px;}

.ListPager .ArtPagerTbl .LeftPageTd a {xbackground: url("/img/icons/LeftArrow.gif") no-repeat 0px;color:#005596;padding-left:0px;}

.ListPager .ArtPagerTbl .PagerNo {text-align:center;padding-left:10px;padding-right:10px;color:#EB1F29}

.ListPager .ArtPagerTbl .PagerNo a {padding-left:4px;padding-right:4px;color:#626668}

.ListPager .ArtPagerTbl .RightPageTd {padding-right:20px;text-align:right}

.ListPager .ArtPagerTbl .RightPageTd a {xbackground: url("/img/icons/RightArrow.gif") no-repeat 100%;color:#005596;padding-right:0px;}

.ListPager .ArtPagerTbl .GoForPageTd {text-align:right;padding-right:10px;vertical-align:top}

.ListPager .ArtPagerTbl .GoForPageTd .PagerInput {width:30px;height:16px;overflow:hidden;border:solid 1px #8E8B8A;font-size:11px;color:#606467;padding-top:2px;text-align:center}

.ListPager .ArtPagerTbl .GoForPageTd .PagerBtn {background: url("/img/btn/JdiBtn.gif") no-repeat;cursor:pointer;margin:0px;width:30px;border:solid 0px}

.m-btm {xbackground: url("/img/ArtPerexBg.gif") no-repeat top right  #F3F3F3;float:left;width:100%}

.m-btm .PerexText {padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:0px;}


ul.ChapterNavi {width:100%;float:left;padding-top:16px !important;padding-bottom:16px !important;background:#F3F3F3;margin-bottom:0px;margin-top:20px;}

ul.ChapterNavi li.next_chapter {background:none !important;text-align:right;padding-right:20px;width:220px;float:right}
ul.ChapterNavi li.next_chapter a {background: url("/img/icons/RightArrow.gif") no-repeat right;padding-right:14px;}



ul.ChapterNavi li.previous_chapter {background:none !important;text-align:left;width:220px;float:left;}
ul.ChapterNavi li.previous_chapter a {background: url("/img/icons/LeftArrow.gif") no-repeat left;padding-left:14px;}

.chapterpager {padding:0px;border-top:0px solid #c7c7c7;margin-top:5px;float:left;width:100%;clear:left;}


#chapterpager {width:100%;float:left;padding-top:16px !important;padding-bottom:16px !important;background:#F3F3F3;margin-bottom:0px;margin-top:20px;text-align:center}

#chapterpager table {margin:auto;}

#chapterpager table td span {padding-left:5px;padding-right:5px;}

.chapterpager b {color:#da121f;text-decoration:none}
.chapterpager .print {margin-right:5px}


ul.PrintSend {width:630px;padding-top:15px !important;padding-bottom:16px !important;margin-top:0px;border:solid 1px #F3F3F3}

.PrintSend li {display:inline;}

.PrintSend li.Print {background: url("/img/icons/PrintSendDevider.gif") no-repeat right;padding-left:20px;padding-right:20px;}

.PrintSend li.Print a {background: url("/img/prace/PrintIcon.gif") no-repeat;cursor:pointer;margin:0px;padding-left:25px;color:#000000}


.PrintSend li.Send {padding-left:20px;background:none !important}

.PrintSend li.Send a {background: url("/img/prace/SendIcon.gif") no-repeat left;cursor:pointer;margin:0px;padding-left:25px;color:#000000}



/* -formular pro odeslani mailem- */
#sendArticle {text-align:center;display:none;width:100%;}
#sendMail {width:270px;border:1px solid #939393;margin:0 auto;text-align:left;padding:10px 20px}
#sendMail legend {color:#A61932;font-size:12px;font-weight:bold;padding-top:4px;padding-bottom:4px}
#sendMail legend img {text-align:right}
#sendMail input {font-size:11px;margin-bottom:10px;width:250px;padding:2px;border:solid 1px #C3C3C3}
#sendMail select {font-size:11px;margin-bottom:10px;width:260px;padding:2px;border:solid 1px #C3C3C3}
#sendMail textarea {width:250px;padding:2px;font-size:11px;border:solid 1px #C3C3C3}

#sendArticle #sendBtns {width:100%;list-style-type:none;margin-top:10px;}
#sendArticle #sendBtns li {text-align:left;background:none;display:inline;}
#sendArticle #sendBtns li input {margin-right:0px;background:#F3F3F3;font-size:11px;font-family:Arial;padding-top:2px;border:solid 1px #939393;color:#000000;cursor:pointer;width:110px;}
#sendArticle #sendBtns li a {color:#000;line-height:20px}
#sendArticle #sendBtns li img {cursor:pointer;margin-bottom:-3px;border:solid 0px !important;}
#sendArticle #btn {width:110px !important;margin-top:10px;margin-right:20px;}

.clear {}

.ShowPrice {float:right;font-size:12px;color:#FFFFFF;margin-top:-20px}

.DottedLine {clear:both;height:10px;font-size:10px;}




/* Formuláře START */

#objForm, #objEnForm {
  padding:10px;
}

#objForm .pov, #objEnForm .pov, #objForm .required {
  padding:0px 2px;  
  color:#E58A3F;
}

#objForm .req {
  padding:0px 2px;  
  color:#E58A3F;
}

#objForm table, #objEnForm table {
  width:100%;
}

#objForm table td, #objEnForm table td {
  border:0px;
  padding:5px;
}

#objForm p, #objEnForm p {
  margin-bottom:20px;
}

#objForm .inputText, #objForm textarea, #objEnForm .inputText, #objEnForm textarea {
  width:100%;
  border:1px solid #D0D0D0;
}

#objForm .stepInfo {
  margin:0px 0px 20px 0px;
}

#objForm .leftCol {
  width:50%;
}

#objForm .rightCol {
  width:50%;
}

#objForm .rightCol .price {
  display:block;
  float:right;
}

#objForm .rightCol .required, #objForm .rightCol .inputText {
  width:99% !important;
  padding:1px;
}

#objForm .leftCol .sw {
  display:block;
  float:left;
  position:relative;
  top:-2px;
  margin-right:5px;
}

#objForm .leftCol .sw img {
  border:0px;
  margin:0px;
  padding:0px;
}

#objForm .rightCol .inputCheckbox {
  float:right;
  position:relative;
  top:-2px;
}

#objForm .rightCol .inputRadio {
  float:right;
  position:relative;
  top:-3px;
}

#objForm #errorBox {
  margin:0px 0px 20px 0px;
  padding:10px;
  border:2px solid #FD7E10;
  background:#FFEAD7;
}

#objForm #errorBox p {
  margin:0px 0px 10px 0px;
  font-weight:bold;
  font-size:14px;
  color:#FD7E10;
}

#objForm #errorBox li {
  padding:0px 0px 0px 0px;
  padding:0px 0px 5px 0px;
}

#objForm #verifyCode {
  width:240px !important;
}

.allForms fieldset {
  border:1px solid #D0D0D0;
  padding:10px;
  margin:0px 0px 10px 0px;
}

.allForms legend {
  padding:5px;
  margin:0px 0px 10px 0px;
  border:1px solid #D0D0D0;
  font-weight:bold;
  color:#E08A3F;
}

.allForms label {
  font-size:12px;
}

.allForms .selBox {
  border:1px solid #D0D0D0;  
}

.allForms fieldset small {
  display:block;
}

.allForms .columnLeft {
  width:48%; 
}

.allForms .columnRight .inputText {
   width:300px !important;
}

.allForms .box1 {
  width:250px;
  height:85px;
  float:left;
  margin:0px 30px 10px 0px;
}

.allForms .box1 label {
  display:block;  
}

.allForms .box2 {
  width:250px;
  height:85px;
  float:left;  
}

/*.allForms .box3, .allForms .box4, .allForms .box5 {
  width:552px;  
  margin:10px 0px 0px 0px;
}
*/

.allForms .BtnSubmit {
  float:right;
  margin-top:10px;
  margin-right:20px;
}

#nextService .innerBox {  
  margin:40px 0px 20px 0px;
  padding:0px 0px 5px 0px;
  border-bottom:1px solid #D0D0D0;  
}

#nextService .innerBox p {
  margin:0px 0px 0px 0px;
}

#nextService .leftColumn {
  width:480px;
}

#nextService .middleColumn {
  width:50px;
  text-align:right;  
}

#verifyForm {
  padding:10px;
}

#verifyForm label {
  margin-right:10px;
}

#verifyForm #verifyCode {
  margin-right:10px;
}

#verifyForm #statusMsg {
  margin-top:15px;
}

#verifyForm .sendCode {
  color:blue;
  text-decoration:underline;
  cursor:pointer;
  border:0px;
  background:none;
}

#newPriceTable {
  padding-left:21px;
}

#newPriceTable #newPriceText {
  margin-right:138px;
}

.submit {width:120px;border:solid 1px #D0D0D0;background:#F0F0F0;float:right;cursor:pointer}

/* Formuláře END */