@charset "utf-8";
/* CSS Document */

body {
    padding:0px;
	margin:0px;
	background-color:#262A30;
}
#prechod {
    position:relative;
	float:left;
	background-image:url(../image/OSH_opava_r1_c1.jpg);
	height:380px;
	background-repeat:repeat-x;
	width:100%;
}
#total {
    position:relative;
	width:960px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
#top {
    position:relative;
	float:left;
	width:960px;
	background-image:url(../image/top.jpg);
	height:55px;
	background-repeat:no-repeat;
}
#header {
    position:relative;
	float:left;
	background-image:url(../image/header.jpg);
	height:176px;
	width:960px;
	background-repeat:no-repeat;
}
#center {
    position:relative;
	float:left;
	width:960px;
	background-image:url(../image/center.jpg);
	background-repeat:repeat-y;
}
#end {
    position:relative;
	float:left;
	width:960px;
	background-image:url(../image/OSH_opava_r11_c3.jpg);
	height:141px;
	background-repeat:no-repeat;
}
#total_end {
    position:relative;
	float:left;
	width:960px;
	background-image:url(../image/OSH_opava_r12_c3.jpg);
	height:120px;
	background-repeat:no-repeat;
}
#left {
    position:relative;
	float:left;
	width:224px;
	padding-left:40px;
	/*background-color:#0099FF;*/
}
#right {
	position:relative;
	float:right;
	width:636px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 10px;
	padding-right: 10px;
	right:40px;
	..right:40px;
	_right:20px;
	padding-bottom: 10px;
	padding-left: 10px;
	/*background-color:#CC0000;*/
}
#menu_left {
    position:relative;
	float:left;
	width:214px;
	background-image:url(../image/OSH_opava_r4_c4.jpg);
	background-repeat:repeat-y;
	margin-bottom:-35px;
	padding-left:10px;
}
#menu_left_end {
    position:relative;
	float:left;
	width:224px;
	background-image:url(../image/OSH_opava_r7_c4.jpg);
	height:15px;
	background-repeat:no-repeat;
	margin-bottom:20px;
	position:relative;
	top:25px;
}
.navigace {
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position:relative;
	..position:relative;
	_position:fixed;
	top:-40px;
}
.nav {
    position:relative;
	float:left;
	width:212px;
	color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	padding-left:12px;
	list-style-type:none;
	margin-bottom:6px;
}
.nav a {
	position:relative;
	float:left;
	width:212px;
	height:15px;
	color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../image/nav.jpg);
	background-repeat:no-repeat;
	padding-left:12px;
	text-decoration:none;
	background-position:left center;
	margin-bottom:3px;
}
.nav a:hover {
    position:relative;
	float:left;
	width:212px;
	height:15px;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(../image/nav.jpg);
	background-repeat:no-repeat;
	padding-left:12px;
	text-decoration:underline;
	background-position:left center;
	
}
.nav_roz {
    position:relative;
	float:left;
	width:212px;
	color:#E0E0E0;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	padding-left:12px;
	list-style-type:none;
	margin-bottom:6px;
}
.nav_roz a {
    position:relative;
	float:left;
	width:175px;
	height:15px;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-repeat:no-repeat;
	padding-left:12px;
	text-decoration:none;
	background-position:left center;
	margin-bottom:0px;
}
.nav_roz a:hover {
    position:relative;
	float:left;
	width:175px;
	height:15px;
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-repeat:no-repeat;
	padding-left:12px;
	text-decoration:underline;
	background-position:left center;
	margin-bottom:0px;
}
#kontakty {
    position:relative;
	float:left;
	width:204px;
	background-image:url(../image/kont_r1_c1.jpg);
	background-repeat:repeat-y;
	margin-top:10px;
	color:#262A30;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:10px;
	line-height:18px;
}
#kontakt_end {
    position:relative;
	float:left;
	background-repeat:no-repeat;
	background-image:url(../image/kont_r3_c1.jpg);
	width:224px;
	height:15px;
}
#arsy {
    position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5F6A78;
	left:30px;
	top:5px;
}
#arsy a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5F6A78;
	text-decoration:none;
}
#arsy a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5F6A78;
	text-decoration:underline;
}

/* IKONKY */

#ikonky {
    position:relative;
	float:right;
	top:10px;
	right:35px;
}

#ikn_1 {
    position:relative;
	float:left;
	background-image:url(../image/ikony_r1_c1.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	margin-right:5px;
}
#ikn_1 a {
    position:relative;
	float:left;
	background-image:url(../image/ikony_r1_c1.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
}
#ikn_1 a:hover {
    position:relative;
	float:left;
	background-image:url(../image/ikonky_r1_c1.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
}
#ikn_2 {
    position:relative;
	float:left;
	background-image:url(../image/ikony_r1_c3.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	margin-right:5px;
}
#ikn_2 a {
    position:relative;
	float:left;
	background-image:url(../image/ikony_r1_c3.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
}
#ikn_2 a:hover {
    position:relative;
	float:left;
	background-image:url(../image/ikonky_r1_c3.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
}
#ikn_3 {
    position:relative;
	float:left;
	background-image:url(../image/ikony_r1_c5.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
	margin-right:5px;
}
#ikn_3 a {
    position:relative;
	float:left;
	background-image:url(../image/ikony_r1_c5.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
}
#ikn_3 a:hover {
    position:relative;
	float:left;
	background-image:url(../image/ikonky_r1_c5.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
}
#ikn_4 {
    position:relative;
	float:left;
	background-image:url(../image/ikony_r1_c7.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
}
#ikn_4 a {
    position:relative;
	float:left;
	background-image:url(../image/ikony_r1_c7.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
}
#ikn_4 a:hover {
    position:relative;
	float:left;
	background-image:url(../image/ikonky_r1_c7.jpg);
	width:25px;
	height:25px;
	background-repeat:no-repeat;
}

/* IKONKY - KONEC */

h1 {
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	border-bottom:1px dotted #616161;
	padding-bottom:4px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
p {
    margin:0px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
h2 {
    margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	color:#262A30;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	border-bottom:1px dotted #616161;
	padding-bottom:4px;
	width:636px;
	float:left;
}
h3 {
    color:#777777;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}
.soubory {
    color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:636px;
	float:left;
}
#tetx_top {
    position:relative;
	float:left;
	color:#616161;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	left:280px;
	top:20px;
	width:108px;
}
#tetx_top a {
	color:#616161;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
#tetx_top a:hover {
	color:#616161;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}
#top_cesta {
    position:relative;
	float:left;
	color:#262A30;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:646px;
	margin-bottom:10px;
}
#top_cesta a {
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
#top_cesta a:hover {
	color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:underline;
}
/* AKTUALITY */

.aktuality_1 {
    position:relative;
	float:left;
	width:310px;
}
.aktuality_2 {
    position:relative;
	float:right;
	width:310px;
}
.akt_top {
    position:relative;
	float:left;
	width:310px;
	background-image:url(../image/aktuality_r1_c1.jpg);
	height:5px;
	background-repeat:no-repeat;
}
.akt_bottom {
    position:relative;
	float:left;
	width:310px;
	background-image:url(../image/aktuality_r5_c1.jpg);
	height:30px;
	background-repeat:no-repeat;
}
.akt_center {
	position:relative;
	float:left;
	width:295px;
	background-image:url(../image/aktuality_r2_c1.jpg);
	height:125px;
	background-repeat:repeat-x;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.left_akt {
    position:relative;
	float:left;
	width:170px;
}
.right_akt img {
    position:relative;
	float:right;
	width:100px;
	border:10px solid #262A30;
	top:10px;
}
.datum {
    position:relative;
	float:left;
	color:#E32D00;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:170px;
	margin-bottom:5px;
}
.nadpis {
    position:relative;
	float:left;
	color:#262A30;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	width:170px;
	margin-bottom:5px;
}
.nadpis a {
    text-decoration:underline;
	font-size:12px;
}
.nadpis a:hover {
    text-decoration:underline;
	font-size:12px;
}
.popis {
    position:relative;
	float:left;
	color:#262A30;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:170px;
	margin-bottom:5px;
}

/* AKTUALITY - KONEC */
/* VYHLEDÁVÁNÍ */
.vyhledavani {
    position:relative;
	float:right;
	right:59px;
	top:12px;
	background:none;
	width:130px;
	height:17px;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding-left:5px;
	padding-top:3px;
}
.lupa {
    position:relative;
	float:right;
	right:-95px;
	top:14px;
}
/* VYHLEDÁVÁNÍ - KONEC */
.text_p {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#56606D;
	line-height:18px;
	margin-bottom:0px;
}
#odkazy_dole {
    position:relative;
	float:left;
	width:900px;
	padding:30px;
	color:#5F6A78;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	margin-top:-70px;
}
#odkazy_dole a {
	color:#5F6A78;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
}
#odkazy_dole a:hover {
	color:#5F6A78;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
}
/* AKTUALITY - VEVNITR */

.aktuality_vevnitr {
	position:relative;
	float:left;
	width:435px;
	margin-bottom:0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.foto_aktuality_vevnitr  {
    position:relative;
	width:100px;
	float:left;
}
.foto_vpravo_aktuality_vevnitr {
    position:relative;
}
.foto_aktuality_vevnitr img { 
    
}
.foto_aktuality_vevnitr a { 
    border:10px solid #262A30;
	float:left;
}
.foto_aktuality_vevnitr a:hover {
    border:10px solid #FA9B1C;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
}
.right_aktuality_vevnitr {
    position:relative;
	float:right;
	width:290px;
	padding-right:10px;
}
.datum_aktuality_vevnitr {
    position:relative;
	float:right;
	width:290px;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#020303;
}
.datum_aktuality_vevnitr_1 {
    position:relative;
	float:right;
	width:290px;
	height:23px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#020303;
}
.nadpis_aktuality_vevnitr {
    position:relative;
	float:right;
	width:290px;
	height:29px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#999999;
}
.popis_aktuality_vevnitr {
    position:relative;
	float:right;
	width:290px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-bottom:5px;
}
.vice_aktuality_vevnitr {
    position:relative;
	float:right;
	width:290px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF9900;
	font-size:11px;
}
.vice_aktuality_vevnitr a {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF9900;
	font-size:11px;
	text-decoration:underline;
}
.vice_aktuality_vevnitr a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#FF9900;
	font-size:11px;
	text-decoration:none;
}

/* AKTUALITY - VEVNITR - KONEC */

/* FOTOGARERIE */


.img_ram img { 
    
}
.img_ram a { 
    border:10px solid #262A30;
	float:left;
	margin-bottom:5px;
	margin-right:40px;
}
.img_ram a:hover {
	border:10px solid #FA9B1C;
	text-decoration:none;
	padding: 0px;
	margin-top: 0px;
	margin-right:40px;
	margin-bottom: 5px;
}
 a {
    color:#262A30;
	font-family:Arial, Helvetica, sans-serif;
	
	
}
a:hover {
    color:#FF9900;
	font-family:Arial, Helvetica, sans-serif;
	
	
}
.posun_a {
    text-align:left;
	position:relative;
	float:left;
	..margin-top:4px;
	margin-bottom:0px;
	font-size:12px;
}
.posun_a_1 {
    text-align:center;
	position:relative;
	float:left;
	width:120px;
	margin-top:4px;
	margin-bottom:0px;
	font-size:12px;
}

/* FOTOGARERIE - KONEC */
.text_datum {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.text_name {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}
.text_name a {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-decoration:none;
}
.text_name a:hover {
    font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF9900;
	text-decoration:underline;
}
.klik {
    position:relative;
	float:left;
	width:224px;
	height:115px;
	left:41px;
}
