html, body{background: rgb(209,209,209);
	text-align: center;
	margin: auto;
	font-family: Arial, 'Arial CE', Verdana, 'Verdana CE', Tahoma, 'Tahoma CE', sans-serif;}

div{margin: auto;
	text-align: left;}

#top{background-color: rgb(209,209,209);
	height: 245px;
	background:url(Images/top_bgr.jpg) repeat-x;}

#top_logo{display: block;
	width: 999px;
	height: 245px;
	background:url(Images/top.jpg) no-repeat;}

#top_logo strong{display: block;
	border: none;
	position: absolute;
	margin-top: 53px;
	margin-left: 624px;}

#top_logo strong a{display: block;
	border: none;
	font-size: 0.68em;
	color:rgb(55,137,193);
	text-decoration: none;
	float: left;
	padding: 0px 4px 0px 4px;}

#top_logo strong a:hover{text-decoration: underline;}

#top_logo strong img{display: block;
	float: left;
	margin-top: 2px;}

#menu_in{height: 25px;
	background-color: rgb(209,209,209);}

#menu{display: block;
	width: 999px;
	height: 25px;
	background-color: rgb(209,209,209);
	background:url(Images/menu_bgr.jpg) no-repeat;
	text-align: center;}

#menu strong{display: block;
	border: none;
	margin: 0px 0px 0px 97px;}

#menu strong a{display: block;
	border: none;
	font-size: 12px;
	color:rgb(255,255,255);
	text-decoration: none;
	float: left;
	padding: 5px 17px 0px 17px;}

#menu strong a:hover{text-decoration: underline;}

#menu strong img{display: block;
	float: left;
	margin-top: 0px;}

#main_top_in{background-color: rgb(209,209,209);}

#main_top{display: block;
	font-size: 0.1em;
	width: 999px;
	height: 6px;
	background:url(Images/main_bgr.jpg) repeat-y;
	text-align: center;}

#main_center_in{display: block;
	width: 999px;
	background:url(Images/main_center_bgr.jpg) repeat-y;
	text-align: left;}

#main_center{display: block;
	background:url(Images/main_center_bgr.jpg) repeat-y;
	text-align: left;
	padding-left: 100px;}

#main_left{display: block;
	width: 200px;
	background-color: rgb(255,255,255);
	text-align: center;
	float: left;}

#main_right
{
    display: block;
    width: 673px;
    height: 100%;
    background-color: #ffffff;
    padding: 6px;
    text-align: left;
    float: left;
}

#main_bottom_in{display: block;
	font-size: 0.1em;
	width: 999px;
	height: 6px;
	background:url(Images/main_bgr.jpg) repeat-y;
	text-align: center;
	clear: left;}

#bottom_in{height: 20px;
	background-color: rgb(209,209,209);}

#bottom{display: block;
	height: 10px;
	width: 999px;
	background-color: rgb(209,209,209);
	background:url(Images/bottom_bgr.jpg) no-repeat;
	text-align: center;}

#pick_area
{
    height: 330px;
    width: 194px;
    background-color: rgb(54,136,192);
    text-align: left;
    border-right: silver 3px solid;
    border-top: silver 3px solid;
    border-left: silver 3px solid;
    border-bottom: silver 3px solid;
}

#pick_area_in
{
    width: 180px;
	padding: 5px 0px 5px 0px;
}

.pick_title { position: relative;
	text-align: left;
	padding: 20px 0px 0px 9px;
	font-size: 80%;
	font-weight: bold;
  	font-family: Arial, 'Arial CE', Verdana, 'Verdana CE', Tahoma, 'Tahoma CE', sans-serif;
	color: #000000;}

#pick_title1
{
    position: relative;
    text-align: left;
    padding: 10px 0px 0px 9px;
    font-size: 80%;
    font-weight: bold;
    font-family: Arial, 'Arial CE' , Verdana, 'Verdana CE' , Tahoma, 'Tahoma CE' , sans-serif;
    color: #ffffff;
}

#pick_box { position: relative;
	text-align: left;
	padding: 2px 0px 0px 9px;
	font-family: Arial, 'Arial CE', Verdana, 'Verdana CE', Tahoma, 'Tahoma CE', sans-serif;}

#pick_box select{ width: 182px;}

#pick_find { position: relative;
	text-align: left;
	padding: 25px 0px 0px 9px;
	font-size: 80%;
	font-family: Arial, 'Arial CE', Verdana, 'Verdana CE', Tahoma, 'Tahoma CE', sans-serif;
	color: #000000;}

#brake{ height: 6px;}

#tip_all
{
    position: relative;
    top: 15px;
    left: 0px;
}

#tip_obr
{
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 16px;
    background-color: #FFFFFF;
    font-weight: bold;
    color: rgb(54,136,192);
    float: left;
}

#tip
{
    position: relative;
    top: 6px;
    left: 5px;
    width: 260px;
    padding: 15px 10px 5px 5px;
    text-align: left;
    border-top-style: solid;
    border-top-color: rgb(54,136,192);
    border-top-width: 3px;
    margin-top: 10;
}

#super_last_all
{
    position: relative;
    top: 0px;
    left: 0px;
}

#super_last_obr
{
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 16px;
    background-color: #FFFFFF;
    font-weight: bold;
    color: rgb(54,136,192);
    float: left;
}

#super_last
{
    position: relative;
    top: 6px;
    left: 5px;
    width: 260px;
    padding: 15px 10px 5px 5px;
    text-align: left;
    border-style: solid;
    border-color: rgb(54,136,192);
    border-width: 3px;
    margin-top: 10;
}

#last_all
{
    position: relative;
    top: 0px;
    left: 0px;
}

#last_obr
{
    position: absolute;
    z-index: 10;
    top: 0px;
    left: 16px;
    background-color: #FFFFFF;
    font-weight: bold;
    color: rgb(54,136,192);
    float: left;
}

#last
{
    position: relative;
    top: 6px;
    left: 5px;
    width: 355px;
    padding: 15px 10px 5px 5px;
    text-align: left;
    border-style: solid;
    border-color: rgb(54,136,192);
    border-width: 3px;
    margin-top: 10;
}

.hdr
{
    font-size: 110%;
    font-weight: normal;
    border-bottom: 4px solid #EDEDEE;
    margin: 14px 0;
}
.hdr span
{
    background: #fff;
    padding-right: 8px;
    position: relative;
    top: 8px;
}

/* paticka */
#foot
{
    font-size: 70%;
    color: #989898;
    background: #F4F4F4;
    padding: 7px 6px;
    margin-bottom: 10px;
}
#foot a
{
    color: #025193;
}

/* header h1 s podtrzenim */
.hdr2
{
    border-bottom: 2px solid #EDEDEE;
    font-size: 110%;
    line-height: 150%;
    font-weight: normal;
    padding-bottom: 4px;
    margin: 14px 0;
}

.hdr1
{
    font-size: 110%;
    line-height: 150%;
    font-weight: normal;
    padding-bottom: 4px;
    margin: 14px 0;
    text-align: center;
}

.hdr3
{
    font-size: 80%;
    color: #e46713;
}

.hdr4
{
    font-size: 80%;
    color: #000000;
}
.p1
{
    font-size: 70%;
    position: relative;
    left: 10px;
    padding: 0;
    margin: 0;
    top: 8px;
}

a, a:visited
{
    color: #E46713;
    text-decoration: underline;
}
a:hover
{
    color: #ff9900;
    text-decoration: none;
}
a.menu
{
    margin-left: 5px;
    font-weight: bold;
}

#endtable
{
    height: 10px;
}

/* detail 3 sloupce */
#col-a {width: 374px; float: left; border-right: 1px solid #D6D6D7;}
#col-b {width: 100px; float: left; margin-left: 11px;}
#col-c {width: 170px; float: left; margin-left: 10px;}

/* detail sloupec 1 */
#col-a-in { width: 363px;}
#col-a h2 { font-size: 90%; margin-bottom: 5px;}
#col-a h3 { font-size: 80%; margin: 19px 0 1px;}
#col-a .ho-img { float: right; border: 1px solid #000; margin: 0 0 25px 30px}
#col-a p { font-size: 75%; line-height: 150%; margin-bottom: 0.5em;}
#col-a table { border-collapse: collapse; width: 100%; margin-top: 18px;} 
#col-a th, #col-a td { font-size: 75%; line-height: 120%; text-align: left; padding: 8px; border: 1px solid #D1D1D1;}
#col-a th { background: #F4F4F4; color: #000; font-weight: normal;}

#col-a .reze {position:relative;width:185px;height:36px;overflow:hidden;font-size:80%;margin: 30px 0px;}
#col-a .reze a {display:block;position:absolute;width:185px;height:36px;left:0px;top:0px;z-index:2;cursor: pointer;}
#col-a .reze span {display:block;position:absolute;width:185px;height:36px;left:0px;top:0px;z-index:1;background:url(../img/sub-rezer.gif) no-repeat 0% 0%;}
.obsazeno {margin:0px 10px;}

/* detail 3 sloupce */
#rez-a {width: 675px; float: left;}

/* detail sloupec 1 */
#rez-a-in { width: 675px;}
#rez-a h2 { font-size: 90%; margin-bottom: 5px;}
#rez-a h3 { font-size: 80%; margin: 19px 0 1px;}
#rez-a .ho-img { float: right; border: 1px solid #000; margin: 0 0 25px 30px}
#rez-a p { font-size: 75%; line-height: 150%; margin-bottom: 0.5em;}
#rez-a table { border-collapse: collapse;  width: 440px; margin-top: 18px;} 
#rez-a th, #rez-a td { font-size: 75%; line-height: 120%; text-align: left; padding: 8px; border: 1px solid #D1D1D1;}
#rez-a th { background: #F4F4F4; color: #000; font-weight: normal;}

#rez-a .reze {position:relative;width:185px;height:36px;overflow:hidden;font-size:80%;margin: 30px 0px;}
#rez-a .reze a {display:block;position:absolute;width:185px;height:36px;left:0px;top:0px;z-index:2;cursor: pointer;}
#rez-a .reze span {display:block;position:absolute;width:185px;height:36px;left:0px;top:0px;z-index:1;background:url(../img/sub-rezer.gif) no-repeat 0% 0%;}

/* detail sloupec 2 */
#col-b .zvet {font-size: 70%; background: url(../img/zvet.gif) no-repeat 96% 50%; margin-bottom: 5px; padding-right: 1em;}
#col-b img { /*width: 107px; /*height: 86px;*/  border: 1px solid #000; margin-bottom: 17px;}

.form4 { border-bottom: 1px solid #D6D6D7; padding-bottom: 0px;}
.form4 h4 { font-size: 70%;}

/* detail seznam datumu */
.date {font-size: 70%; position: Relative; margin: 4px 0;}

/* detail tabulka*/
.dat { border-collapse: collapse; width: 100%;}
.dat th, .dat td { color: #000; border: 1px solid #fff; border-width: 0 1px 1px 0; font-size: 75%; }
.dat th { font-weight: normal; text-align: left; background: #F4F4F4; padding: 2px 3px 2px 2px;}
.dat td {background: #FFC200; text-align: center;}
.dat .td4 { background: #fff !important; color: #000 !important; text-decoration: none !important; font-size: 70%; font-weight: bold; border: none; padding-left: 3px;}
.dat .act td { background: #FFEAA8;}
.dat .cro td { background: #D8D8D8; color: #8E8E8E; text-decoration: line-through;} 

/* sede obaly, svetly a tmavy, 1 pro tabulku, 2 pro text*/
.sedy-obal { background: #E6E6E6; padding: 6px; color: #000; }

.w530 {width: 530px;}
.w500 {width: 500px;}
.w490 {width: 490px;}
.w516 {width: 516px;}
.w496 {width: 496px;}
.w456 {width: 456px;}
.w444 {width: 444px;}
.w440 {width: 440px;}
.w430 {width: 430px;}
.w372 {width: 372px;}
.w368 {width: 368px;}
.w340 {width: 340px;}
.w300 {width: 300px;}
.w286 {width: 286px;}
.w276 {width: 276px;}
.w270 {width: 270px;}
.w260 {width: 260px;}
.w246 {width: 246px;}
.w236 {width: 236px;}
.w230 {width: 230px;}
.w220 {width: 220px;}
.w200 {width: 200px;}
.w190 {width: 190px;}
.w184 {width: 184px;}
.w178 {width: 178px;}
.w130 {width: 130px;}
.w110 {width: 110px;}
.w80 {width: 80px;}
.w60 {width: 60px;}
.w50 {width: 50px;}
.h250 {height: 250px;}

/* formular 7 */
.form7 table {border-collapse:collapse; }
.form7 th, .form7 td { text-align: left; font-size: 75%; line-height: 150%; border: 1px solid #D1D1D1; font-weight: normal;}
.form7 th { background: #f4f4f4 url(../img/grad1.gif) repeat-x 0% 0%; padding: 3px 7px; }
.form7 td { padding: 3px 6px; background: #fff;}
.form7 .okr th, .form7 .okr td { padding: 9px 6px;}
.form7 textarea { width: 208px; height: 66px;}
.form7 .t-area2 { width: 360px; height: 140px;}
.form7 .st1 { width: 8px; height: 8px; margin: 0 0 3px 7px;}
.form7 .novi { background: #fff; font-size: 75%; line-height: 150%; padding: 4px 8px; border: 1px solid #D1D1D1; border-width: 0px 1px;}
.form7 .zele-ode {background: #77C12E; padding: 10px 10px 5px; border-left: 1px solid #D1D1D1;} 

/* okraje */
.mt60 {margin-top: 60px;}
.mt20 {margin-top: 20px;}

.fl {float:left;}
.fr {float:right;}

/* textova stranka, trida se prida do DIVu RIGHT nebo kamkoliv jinam*/
.text h2 { font-size: 90%; line-height: 150%; margin-bottom: .5em;}
.text h3 { font-size: 80%; line-height: 150%; margin-bottom: .33em;}
.text h4 { font-size: 75%; line-height: 150%; margin-bottom: .2em;}
.text p { font-size: 75%; line-height: 150%; margin-bottom: 1.5em;}