﻿/* common */

html,body {height: 100%;}

body {
	margin:0; padding:0;
	text-align: left;
	border: none;
	color: #252525;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	border-bottom: 1px solid #D5E5F2;
	color: #1B5C9E;
	font-size: 165%;
	font-weight: normal;
	margin: 0 0 25px;
	padding: 0 0 3px;
}

h2 {
	color: #2a333f;
	font-weight: normal;
	margin: 15px 0; padding: 0 0 3px 0;
	font-size: 125%;
	border-bottom: 1px solid #dee1e1;
	position: relative;
}

h3 {
	color: #1B5C9E;
	margin: 10px 0; padding: 0;
	font-size: 125%;
	font-weight: normal;	
}
h4 {
	font-size: 100%;
	font-weight: bold;	
}

h1, h2, h3, h4 {line-height: normal;}

a {text-decoration: underline; color: #0e5bc2;}
a:hover {text-decoration: none; color: #494A4E;}
a:visited {color: #4a84d1;}

img {border: none;} img.block {display: block}
sup {font-size: 75%;}
fieldset, form {border: none; margin: 0; padding: 0;}
fieldset {display: inline}
legend {display: none;}
hr {border: none; border-top: 1px solid #dee1e1; height: 1px; width: 100%; display: block;}

input.csTextBox { border: 1px solid #b6b8ba; background: white; font-size: 95%; }
textarea.csTextBox{	 border: 1px solid #b6b8ba; background: white; font-size: 95%; }
input.csButton { border: 1px solid #b6b8ba;	font-size: 90%; }

a.dark-link {color: #5e6365; font-size: 95%;}
a.external {padding-right: 12px; background:url(Images/CS/link_to_external_web.gif) no-repeat right 2px; }
a.bullet-link {padding-left: 18px; margin: 5px 0; background:url(Images/CS/bullet_sipka.gif) 0 2px no-repeat; display: block; clear: both; font-size: 95%;}
a.bullet-link-large {padding-left: 18px; margin: 5px 0; background:url(Images/CS/bullet_sipka.gif) 0 2px no-repeat; display: block; clear: both; font-size: 100%;}

ul.unsorted-list {list-style: none; margin: 10px 0; padding: 0; font-size: 95%; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; }
ul.unsorted-list li { background: url(Images/CS/bullet_kolecko.gif) 0 7px no-repeat; padding: 2px 0 2px 15px;}

div.bullet-list {list-style: none; padding: 0; font-size: 100%; margin:3px 5px; font-family:"Trebuchet MS","Geneva CE",lucida,sans-serif;}
div.bullet-list a {background: url(Images/CS/bullet_kolecko.gif) 0 7px no-repeat; padding: 2px 0 2px 15px;}	
div.bullet-list span.bl-datum {color:black; font-style:italic;}

ul.styled-list {list-style: none; margin: 10px 10px 10px 23px; padding: 0; line-height: 1.4em; }
ul.styled-list li {background: url(Images/CS/bullet_kolecko.gif) 0 6px no-repeat; padding: 0 0 0 15px;}


/* redefine */

.no-border {border: none;}
.no-bg {background: none;}

img.img-border {border: 3px solid #95B8E0;}
a:hover img.img-border {border: 3px solid #003F7D;}

img.left-picture {margin: 0 15px 10px 0; float: left}
img.right-picture {margin: 0 0 10px 15px; float: right}

.clear {height: 0; clear: both; overflow: hidden; visibility: hidden;}
.hide {display: none;}

.textRight, td.textRight, th.textRight {text-align: right;}
.textCenter, td.textCenter, th.textCenter {text-align: center;}
.textLeft, td.textLeft, th.textLeft {text-align: left;}
.floatLeft {float: left;} .floatRight {float: right;}

.csGrid { border-collapse: collapse; margin: 0 auto; font-size: 100%; }
.csGrid td { padding: 2px 4px; text-align: left; border: 1px solid white; font-size: 85%; }
.csGrid .csGridHeader th 
{
	background: #6DAAC4;
	color: white;
	padding: 4px;
	font-weight: bold;
	text-align: left;
	border: 1px solid white;
	font-size: 85%;
}
.csGrid .csGridItem{ background: #EAEDF4; }
.csGrid .csGridAltItem{	background: #D4DBE8; }


button {cursor: pointer;}



/* layout */

#page-shadows {background: url(Images/CS/bg_page-shadows.gif) center top repeat-y; text-align:center;}
#page {	width: 980px; margin: 0 auto; padding: 0; font-size: 75%; text-align: left; margin: 0px auto 0px auto;}

#page-title /*equal to h1*/
{
	border-bottom: 1px solid #D5E5F2;
	color: #1B5C9E;
	font-size: 165%;
	font-weight: normal;
	margin: 0 0 25px;
	padding: 0 0 3px;
}

#three-column-holder {
	background: #FFF url(Images/CS/bg_vodoznaky.gif) center bottom no-repeat;
	padding: 0px 15px 20px 15px; margin: 0;
	width: 950px;
	float:left;
}
#three-column-holder #left-holder {width: 700px; float: left; height:100%; vertical-align:top;}
#three-column-holder #top-bar {width: 700px; vertical-align :top;}
#three-column-holder #left-column {width: 300px; float: left; overflow: hidden /*hidden kvuli tabulce Kurzy v IE6*/;}
#three-column-holder #center-column {width: 350px; float: right;}
#three-column-holder #right-column {width: 217px; float: right;  height:100%; vertical-align:top; }

#two-column-holder {
	background: #FFF url(Images/CS/bg_vodoznaky.gif) center bottom no-repeat;
	padding: 195px 15px 20px 15px; margin: 0;
	width: 950px;
}
#two-column-holder #left-column {width: 700px; float: left;}
#two-column-holder #right-column {width: 217px; float: right;}


/* header */
#header { 
	background: url(Images/CS/header-picture.jpg) 0 0 no-repeat;
	border-bottom: 1px solid #457cb8;
	width: 980px; height: 185px;
	z-index: 50;	
	float:left;
	position:relative;	
}

#header .logo {position: absolute; left: 9px; top: 19px; z-index: 60;}
#header #header-img {float:right; width: 245px; height: 139px; z-index: 60; background-image: url(Images/CS/head-banners/1.jpg)}
.hiddenPic {display:none;}


/* footer */
#footer-shadows {background: url(Images/CS/bg_footer-shadows.gif) center top no-repeat;}
#footer-main {
	font-size: 70%;
	background: #4981bc url(Images/CS/bg_footer.gif) center top no-repeat;
	padding: 1px; margin: 0 auto;
	color: white;
	text-align: center;
	width: 978px;
}
#footer-obsah { border: 1px solid #b7cfe8; padding: 5px 20px }
#footer-main a {color: #FFF; text-decoration: none;}
#footer-main a:hover {color: #FEA13C; text-decoration: underline;}
#footer-main a.footer-rss {background: url(Images/CS/icon_footer-rss.gif) left top no-repeat; padding: 0 0 0 20px; margin: 0 0 0 5px}
#footer-main p {margin: 0 0 5px 0; padding: 0;}
#footer-odraz { background: url(Images/CS/bg_footer-odraz.gif) center top no-repeat; height: 40px; margin: 2px auto; }



/* layout parts */

.breadcrumb {
	background: #FFF url(Images/CS/bg_menu-shadow.gif) left bottom repeat-x;
	margin:5px -15px 0px -15px; padding: 0 15px 15px 15px;
	text-align: left;
	font-size: 95%
}

#right-column #right-box-top {background: url(Images/CS/right-box_top-corners.gif) center top no-repeat; height: 6px; width: 100%; overflow: hidden; margin-top: 12px}
#right-column #right-box-content {background: url(Images/CS/right-box_center.gif) center top repeat-y; padding: 0 15px 10px 15px;}
#right-column #right-box-bottom {background: url(Images/CS/right-box_bottom-corners.gif) center top no-repeat; height: 6px;}

#right-column h2 {margin: 0 0 5px 0; border: none;}
#right-column .hr {background: url(Images/CS/bg_dotted-hr.gif) left center repeat-x; height: 20px; margin: 0 -10px}

.search-form {color: white; padding: 0;}
.search-form input.textBox {
	border: 1px solid #b6b8ba;
	background: white;
	vertical-align: middle;
	margin: 2px 5px 3px 0; padding: 2px;
	overflow: visible;
	width: 140px;
	font-size: 90%;
	color: black;	
}

.search-form input.search-btn
{
	background: url(~/_layouts/images/CS/btn_sipka.gif) left top no-repeat;
	width: 19px; height: 19px;
	border: none;
	vertical-align: middle;
}


#rychle-menu ul {margin: 0; padding: 0; list-style: none; font-size: 85%; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-weight: bold; text-align: center;}
#rychle-menu ul li {float: left;}
#rychle-menu ul li a {width: 62px; text-align: center; padding: 58px 0 0 0; display: block; }
#rychle-menu ul li.podnikatel a {background: url(Images/CS/btn_podnikatel.gif) center top no-repeat;}
#rychle-menu ul li.obcan a {background: url(Images/CS/btn_obcan.gif) center top no-repeat;}
#rychle-menu ul li.novinari a {background: url(Images/CS/btn_novinari.gif) center top no-repeat;}



div.general-form {font-size: 100%;}
div.general-form-row{ padding-top:2px;}
div.general-form div.general-form-row div.general-form-caption{	width: 150px; float: left; }
div.general-form div.general-form-row div.general-form-caption-long{width: 190px; float: left; }
div.general-form div.general-form-row div.general-form-value{ width:300px; float:left; }
div.general-form div.general-form-row div.general-form-value input.formTextBox{ 
	border: 1px solid #b6b8ba;	
	background: white;	
	vertical-align: middle;		
	overflow: visible; 		
	font-size: 100%;
	color: black;
	width: 300px;
}


div.general-form div.general-form-row div.general-form-validation{ float:left; padding-left:2px; }
div.general-form div.general-form-separRow { padding-top:15px; }
div.general-form div.general-form-buttonRow{ width: 450px; text-align:center; padding-top:10px; }
div.general-form div.general-form-buttonRow input{ 
	width: 120px; 		
	vertical-align: middle;
}

.captcha{
    border-width:0;
    width:170px;
    height:50px;
}

#ccLicense {}
#ccLicense img{
	border-width: 0pt; padding-right:3px; vertical-align: bottom;
}

/* misc */

.oznam { font-style: italic; padding: 5px 10px; margin: 10px 0; border: 1px solid silver; background: #F5F5F5; }

.zvyraznit_blok_style-1 { padding: 7px 10px; margin: 10px 0; background: #d8e7f3; }
.zvyraznit_blok_style-2 { padding: 7px 10px; background: #6DAAC4; color: #FFF; font-weight: bold;}

.zvyraznit_cervena { color: red; }
.zvyraznit_zelena { color: green; }
.zvyraznit_modra { color: blue; }

/* input */

input.btn_odeslat {
	border: 1px solid #b6b8ba;
	background: #eeeff1 url(Images/CS/submit-btn_bg.gif) right center no-repeat;
	color: #8d8d8d;
	font-weight: bold;
	font-size: 95%;
	padding: 3px 20px 2px 6px; margin: 5px 0 0 0;
	overflow: visible;
	width: auto;
	cursor: pointer;
}


/* lists */

#left-holder ul {list-style: none; margin: 10px; padding: 0; line-height: 1.4em; }
#left-holder ul li {background: url(Images/CS/bullet_blue.gif) 0 5px no-repeat; padding: 0 0 0 15px;}
#left-holder ul ul {margin: 5px; padding: 0; line-height: 1.3em; }
#left-holder ul ul ul {margin: 3px; padding: 0; line-height: 1em; font-size: 95%; }
#left-holder ul ul ul li {background: url(Images/CS/bullet_blue.gif) 0 3px no-repeat; padding: 0 0 0 15px;}

/* tables */
#left-holder table { font-size: 100%; }

#left-holder table.default-table {width: 100%; border-collapse: collapse; margin: 0 auto; font-size: 100%;}
#left-holder table.default-table th {
	background: #255ea9 url(Images/CS/table-th_bg.gif) 0 50% repeat-x;
	color: white;
	padding: 7px 4px;
	font-weight: bold;
	text-align: center;
	border: 1px solid white;
	font-size: 85%;
	vertical-align: top;
}
#left-holder table.default-table td {padding: 2px 4px; border: 1px solid white; vertical-align: top;}
#left-holder table.default-table tr.odd_row td {background: #d8e7f3;}
#left-holder table.default-table tr.even_row td {background: #e9f2f8;}
#left-holder table.default-table tr.table_footer td { background: #c5e2f8; padding: 5px;}

#left-holder table.default-table tr.table_footer td.table_pager a { color: #FFF; background: #a8bcd7; padding: 1px 3px; border: 1px solid #D4DBE8; text-decoration: none;}
#left-holder table.default-table tr.table_footer td.table_pager a:hover { background: #EAEDF4; color: #000; }
#left-holder table.default-table tr.table_footer td.table_pager span { font-weight: bold;}