*{
  margin: 0px;
  padding: 0px;
}

html, body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  background-color: #000000;
  color: #AAAAAA;
  height: 100%;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size:12px;
  font-variant:normal;
  font-weight:normal;
}

ul{
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* ---------------------- Intro --------------------------*/
#main_index{
  background-color: #000000;
  margin-right: auto;
  margin-left: auto;
  width: 766px;
  height: 533px;
  z-index: 2;
  background-image: url(images/index_back.gif);
  background-repeat:no-repeat;
  padding-top: 10px;
}

#top_logo_box
{
  height: 150px;
}
#top_banner_1
{
  width: 468px;
  height: 45px;
  margin: auto;
  text-align: center;
  font-size: 24px;
  padding-top: 15px;
  background: #CC0000;
  border: 2px solid #ffffff;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#top_banner_2
{
  width: 468px;
  height: 45px;
  border: 1px solid #00FFFF;
  margin: auto;
  text-align: center;
  font-size: 24px;
  padding-top: 15px;
  background: #FFFF00;
  border: 2px solid #ffffff;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#top_banner_1 a,
#top_banner_2 a,
#top_banner_1 a:hover,
#top_banner_2 a:hover
{
  width: 468px;
  height: 45px;
  display: block;
  color:#ffffff;
  font-weight: bold;
}
#top_banner_2 a,
#top_banner_2 a:hover
{
color: #FF0000;
}

#idex_h1{
  margin-top: 20px;
  background:url(images/rogata_logo.gif);
  text-indent: -2000px;
  height: 120px;
  width: 160px;
  margin-left: auto;
  margin-right: auto;
  float:  left;
  margin-left: 40px;
}
#banner_box_top
{
  float: right;
  margin-top: 20px;
  height: 120px;
  width: 550px;
}
#idex_h2_t1{
  color:#000000;
  text-align:center;
  font-size: 20px;
}
#tbl_box{
  width: 650px;
  margin-left: auto;
  margin-right: auto;
}
#idx_text{
  margin-top: 15px;
  padding-top: 50px;
  clear:both;
  text-align:center;
}
#idex_h2_t2{
  color:#000000;
  text-align:center;
  font-size: 29px;
  margin-top: -4px;
}
#idex_foto{
  margin-top: 30px;
  margin-bottom: 15px;
}
.img_index{
  margin: 5px;
  border: 1px solid #FFFFFF;
}

#main_goto_pl{
  width: 200px;
  text-align: left;
  float:left;
  margin-left: 110px;
  font-size: 14px;
  color:#FFFFFF;
  margin-top: 5px;
}
#main_goto_en{
  width: 200px;
  text-align:right;
  float: right;
  margin-right: 110px;
  font-size: 14px;
  color:#FFFFFF;
  margin-top: 5px;
}
#main_goto_pl a, #main_goto_en a{
  color:#FFFFFF
}
#main_goto_pl a:hover, #main_goto_en a:hover{
  color:#FF0000
}

/*-------------------- Index ----------------------------*/
#main {
  margin: 0px;
  margin-right: auto;
  margin-left: auto;
  padding: 0px;
  width: 766px;
  min-width: 766px;
  z-index: 2;
}

#top {
  /*	height: 180px; */
  min-height: 180px;
  background-image: url(images/main2_01.jpg);
  background-repeat: no-repeat;
  text-align: left;
}

#main_body {
  height: auto !important;
  height: 150px /* IE */;
  min-height:150px;
  padding: 5px;
  padding-top:20px;
  background-image: url(images/main2_02.jpg);
  background-repeat: no-repeat;
}

#bottom {
  height: 180px;
  min-height: 180px;
  background-repeat: no-repeat;
  background-image: url(images/main2_03.jpg);
  margin: 0px;
  padding: 0px;
}

#top_logo{
  margin-bottom: 15px;
}

#top_logo a{
  display:block;
  background-image: url(images/rogata_logo.gif);
  background-repeat: no-repeat;
  font-size: 20px;
  color:#FFFFFF;
  padding: 0px;
  margin: 0px;
  height: 127px;
  width: 180px;
  text-indent: -2000px;
}

#top_menu{
  margin: 0px;
  padding: 0px;
  list-style:none;
  float:right;
  margin-top: -153px;
  width: 520px;
  overflow:hidden;
  border: 1px solid #CCCCCC;
  border-top: 0px;
}

#top_menu li{
  float:right;
  padding: 10px 5px 10px 5px;
  text-align:center;
  width: 120px;
  background:#990000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  font-size:12px;
}
#top_menu li a{
  color:#FFFFFF;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}

#top_menu li:hover{
  background:#FF0000;
  color: #FFFFFF;
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  opacity: 1.0;
}
#top_menu li a:hover{
  color:#FFFFFF;
}

#id_flags{
  float: right;
  width: 60px;
  margin: 0px;
  padding: 0px;
  margin-top: -110px;
  text-align:right;
  margin-left: 200px;
}

#main_menu{
  width: 520px;
  height: 60px;
  float:right;
  margin-top: -95px;
  vertical-align:middle;
  text-align:center;
  font-size: 14px;
  padding-top: 20px;
  overflow:hidden;
}

#main_menu a{
  padding: 5px;
  line-height: 20px;
}

#top_flash{
  text-align: center;
}

.img_top_banner{
  margin: 5px 10px;
  height: 150px;
  width: 150px;
  border: 1px solid #FFFFFF;
}

#bottom_idx{
  clear: both;
  position: relative;
  text-align: right;
  top: 160px;
  height: 20px;
}

/*-------------------- Kolumny  ----------------------------*/
#block_up {
  text-align: center;
  clear: both;
}

#block_left{
  margin-right: 5px;
  float: left;
  width: 150px;
  display: inline;
}

#block_center{
  width: 445px;
  float: left;
} 

#block_center_full{
  margin-left: 20px;
  margin-right: 20px;
  line-height: 18px;
}

#block_right{
  margin-left: 5px;
  float: right;
  width: 150px;
  display: inline;
}

#block_down {
  position: relative;
  top: 1px;
  text-align: center;
  clear: both;
}

#index_text{
  display: none;
}

.img_txt{
  margin: 5px;
  border: 1px solid #CCCCCC;
}; 
/*-------------------- Bloki systemu  ----------------------------*/
.blok1 {
  position: relative;
  top: 10px;
  margin-bottom: 5px;
}

.blok1_title {
  color: #FFFFFF;
  text-align: center;
  padding: 2px;
  font-size: 16px;
  font-weight: bold;
}
.blok1_title a{
  font-weight: bold;
  color: #FFFFFF;
}
.blok1_title a:hover{
  font-weight: bold;
  color: #FFFFFF;
  text-decoration:underline;
}
.blok1_main {
  padding: 4px;
  text-align: left;
}
.blok1_main_tlo {
  padding: 4px;
  text-align: left;
  border: 1px solid #006699;
  background:#DEE3E9;
}
.blok1_main_tlo a{
  color:#660000;
}
.blok1_main_tlo a:hover{
  color:#FF0000;
  text-decoration:underline;
}

/* ------------------------- Style --------------------*/
.float_left{
  float:left;
  padding: 5px;
  position:relative;
}
.float_right{
  float:right;
  padding: 5px;
  position:relative;
}

.cell_center_50{
  width:204px;
  padding: 5px;
  float:left;
  margin: 0px;
  position: relative;
}

.cell_full_50{
  width:275px;
  padding: 5px;
  float:left;
  margin: 0px;
  position: relative;
}

.cell_clear{
  clear: both;
  padding:0px;
  margin:0px;
  height: 1px;
}

.border{
  border:#CCCCCC solid 1px;
}

.border_float_left{
  border:#CCCCCC solid 1px;
  float:left;
  margin:3px;
  position: relative;
}
.border_float_right{
  border:#CCCCCC solid 1px;
  float:right;
  margin:3px;
  position: relative;
}

p, div, td, th, table, body {
}

.small, samp {
  font-size:9px
}
.big, big {font-size:14px; font-weight: bold;color:#003366;margin-top:14px;}

h1, .title4 { color: #CC0000;font-size: 17px; font-weight: bold; padding: 5px}
h2 { color: #CC0000;font-size: 14px; font-weight: bold; padding: 5px }
h3 { color: #FF0000; font-size: 14px; font-weight: bold; padding: 5px }
h4 { color: #333333;font-size: 12px; font-weight: bold; padding: 5px }
h5 { color: #333333;font-size: 11px; font-weight: normal; padding: 5px }
h6 { color: #333333;font-size: 10px; font-weight: normal; padding: 5px }

a { color: #EEEEEE; text-decoration: none; font-weight: normal;}
a:hover {
  color: #FF0000; font-weight: normal; text-decoration: normal;}

.a_light { color: #FF8800}
.a_light:hover { color: #FF0000}

.a_dark { color: #660000}
.a_dark:hover { color: #FF0000}

.a_small { color: #993300; text-decoration: none; font-weight: normal;font-size:10px}
.a_small:hover { color: #FF0000; font-weight: normal; text-decoration: underline;font-size:10px}

.a_small_dark { color: #FF0000; text-decoration: none; font-weight: normal;font-size:10px}
.a_small_dark:hover { color: #FF0000; font-weight: normal; text-decoration: underline;font-size:10px}

.a_small_light { color: #999999; text-decoration: none; font-weight: normal;font-size:10px}
.a_small_light:hover { color: #FF7777; font-weight: normal; text-decoration: underline;font-size:10px}

select, input, textarea {
  color:#CCCCCC;
  background: #111111;
  border: 1px solid #CCCCCC;
  padding: 1px;
  font: 12px;
  margin: 4px;
}

.input_error {
  color:#CCCCCC;
  background: #111111;
  border: 1px solid #FF0000;
  padding: 1px;
}
.color1 {color:#990000}
.color2 {color:#09691F}
.color3 {color:#FF6600}

.title1 {margin-top:5px;font-family:Georgia, "Times New Roman", Times, serif;color: #990000;font-size: 28px; font-weight: bold}
.title2 {margin-top:5px;font-family:Georgia, "Times New Roman", Times, serif;color: #990000;font-size: 20px; font-weight: bold}
.title3 {margin-top:5px;font-family:Georgia, "Times New Roman", Times, serif;color: #990000;font-size: 16px; font-weight: bold;
		 margin: 1px;}

.title5 {
  color: #990000;
  font-size: 15px;
  font-weight: bold;
}

.tabelka_error {
  color:#FF0000;
  font-size:12px;
  border: 1px solid #993333;
}

.tabelka1 {
  border: 1px solid #BBBBBB;
}
.tabelka1_color1 {
  background: #F0F0F0;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
}
.tabelka1_color2 {
  background: #E0E0E0;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
}
.tabelka1_color3 {
  background-color: #F4F4F4;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
}
.tabelka1_color4 {
  background-color: #E4E4E4;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
}

.tabelka2 {
  background-color: #FFFFF8;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
  border-left: 1px solid #CCCCCC;
}
.tabelka3 { 
  border: thin solid #999999
}

.komoreczka {
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px none #CCCCCC;
  border-left: 1px none #CCCCCC;
}

.msg_ok{
  text-align:center;
  font-weight: bold;
  margin: 10px;
  padding: 10px;
  border: 1px solid #CCCCCC;
  position: relative;
  top: 10px;
  bottom: 10px;
}

.msg_error{
  text-align:center;
  color: #CC0000;
  font-weight: bold;
  margin: 10px;
  padding: 5px;
  border: 1px solid #FF0000;
  position: relative;
  top: 10px;
  bottom: 10px;
}

.no_border{
  border-width: 0px;
  border-style: none;
}

.img_center{
  vertical-align: text-bottom;
}

.left{
  text-align:left;
}

.right{
  text-align:right;
}

.center{
  text-align:center
}

.justyfi{
  text-align:justify
}

.table_center{
  margin-left: auto;
  margin-right: auto;
}

/*------------------------------------------------------------
	Lista menu
------------------------------------------------------------*/
.lista_kategorie{
  list-style: none;
  text-align: left;
  color:#990000;
  text-indent: 0px;
  margin: 0px;
  padding: 0px;
}

.lista_podkategorie{
  list-style: none;
  text-align: left;
  color:#990000;
  text-indent: 0px;
  margin-left: 0px;
  padding-left: 0px;
}

/*------------------------------------------------------------
 Ukryte warstwy w menu
------------------------------------------------------------*/
#temple {
  position: absolute;
  top: -2300px;
  right: 500px;
  clip: rect(20px,20px,20px,20px);
  left: -2334px;
}
#temple2 {
  position: absolute;
  top: 20px;
  right: 30px;
  clip: rect(34px,23px,20px,20px);
  visibility: hidden;
}
#temple3 {
  position: absolute;
  top: 0px;
  right: 0px;
  clip: rect(34px,23px,20px,20px);
  visibility: hidden;
}

h1{
  clear:both;
  padding-bottom: 3px;
  padding-top: 3px;
}

h2{
  clear:both;
  padding-bottom: 3px;
  padding-top: 3px;
}