@charset "utf-8";
/* CSS Document */

body {
	font: 100% Arial;
	background: #c1c1c1;
	margin: 0; /* zaleca się wyzerowanie dopełnienia i marginesu elementu body, tak aby mogły być uwzględniane różne domyślne ustawienia przeglądarki */
	padding: 0;
	text-align: center; /* kontener zostaje wyśrodkowany w oknach przeglądarek IE 5*. Następnie tekst określony przez selektor #container jest wyrównywany domyślnie do lewej */
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	overflow: hidden;
	overflow:auto;


}
a { text-decoration:none; font: 100% Verdana, Arial; border:0;}
a:hover {
	text-decoration:none;
	font: 100% Verdana, Arial;
	border:0;
}
span { color:#000000; font-weight:bold}

span a { color:#ffffff}
img {
	border:0;
	vertical-align:top;
	text-align:left;
	font: 100% Arial;
}
.home_page #header {
	width: 1100px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	height:50px;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 0px solid #000000;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
}
.home_page #content {
	width: 1100px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	height: 592px;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 0px solid #000000;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
}
.home_page #contentt {
	width: 1100px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	height: 592px;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 0px solid #000000;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
}

.home_page #footer {
	width: 1100px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	height: 55px;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 0px solid #000000;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
}
.home_page #footert {
	width: 1100px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	height: 45px;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 0px solid #000000;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
}
.home_page #end {
	width: 1070px;  /* użycie szerokości mniejszej o 20 piks. od pełnej szerokości 800 piks. pozwala uatrakcyjnić okno przeglądarki i uniknąć poziomego paska przewijania */
	height: 29px;
	margin: 0 auto; /* automatyczne marginesy (w połączeniu z szerokością) powodują wyśrodkowanie strony */
	border: 0px solid #000000;
	text-align: left; /* ustawienie to przesłania domyślne ustawienie wyrównania tekstu: środkowanie w elemencie body. */
}
.colt1, .colt2, .col_1, .col_2, .col_3, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .cols1, .cols2, .colc1, .colc2, .colc_1, .colc_2, .colf1, .colf2  { float:left;}

#header .row1 { width: 1149px; height: 50px;}
#header .row1 h1 { color:#00084F; font-size:14px; text-align:center;}
#header .row1 .col1 { width: 180px; height: 26px; text-align:center;padding: 24px 0 0 0; background-color:#ffffff;}
#header .row1 .col1 a { font-size: 12px; font-weight:bold; color:#00084F;}
#header .row1 .col2 { width: 700px; height: 50px; background:url(images/napis_top.png) no-repeat; background-color:#ffffff;}
#header .row1 .col3 { width: 210px; height: 50px; background-color:#ffffff;}
#content .colt1 .row1 { width:859px; height: 413px;}
#content .colt1 .row1 .col1 { width: 859px; height: 413px;}
#content .colt1 .row1 .col1 .col_1 { width:180px; background-color: #FFF;}
#content .colt1 .row1 .col1 .col_1 .row1 { width:180px; height:147px; background:url(images/logo_casasail.png) no-repeat; }
#content .colt1 .row1 .col1 .col_1 .row2 { width:180px; height:261px; background: #FFF;}
#content .colt1 .row1 .col1 .col_2 { width: 678px; height: 413px; background:url(images/rotator_back.jpg) no-repeat;}
#content .colt1 .row2 { height: 180px; background-color:#FFF; width:859px;}
#content .colt1 .row2 .col1 { height: 180px; width: 161px; margin: 0 0 0 10px;}
#content .colt1 .row2 .col1 .row1 { height: 40px; width: 164px;  margin: 0 0 0 0; padding: 0 0 0 0;}
#content .colt1 .row2 .col1 .row1 p { font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#content .colt1 .row2 .col1 .row2 { height: 100px; width: 161px;  margin: 0 0 0 0; padding: 0 0 0 0;}
#content .colt1 .row2 .col1 .row3 { height:20px;  width: 164px;  margin: 0 0 0 0; padding: 0 0 0 0;}
#content .colt1 .row2 .col2 { height: 180px; width: 164px;}
#content .colt1 .row2 .col2 .row1 { height: 40px; width: 164px; margin: 0 0 0 0; padding: 0 0 0 0;}
#content .colt1 .row2 .col2 .row1 p { width: 164px; font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#content .colt1 .row2 .col2 .row2 { height: 100px; width: 161px; margin: 0 0 0 0; padding: 0 0 0 0;}
#content .colt1 .row2 .col2 .row3 { height: 20px; width: 164px; margin: 0 0 0 0; padding: 0 0 0 0;}
#content .colt1 .row2 .col3 { height: 180px; width: 168px; margin: 0 0 0 0; padding: 0 0 0 0;}
#content .colt1 .row2 .col3 .row1 { height: 40px; width: 168px;}
#content .colt1 .row2 .col3 .row1 p { font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#content .colt1 .row2 .col3 .row2 { height: 100px; width: 168px;}
#content .colt1 .row2 .col3 .row3 { height: 20px; width: 148px;}
#content .colt1 .row2 .col4 { height: 180px; width: 168px;}
#content .colt1 .row2 .col4 .row1 { height: 40px; width: 168px;}
#content .colt1 .row2 .col4 .row1 p { font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#content .colt1 .row2 .col4 .row2 { height: 100px; width: 168px;}
#content .colt1 .row2 .col4 .row3 { height: 20px; width: 168px;}
#content .colt1 .row2 .col4 .row3 a { text-align:center;}
#content .colt1 .row2 .col5 { height: 180px; width: 168px;}
#content .colt1 .row2 .col5 .row1 { height: 40px; width: 168px;}
#content .colt1 .row2 .col5 .row1 p { font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#content .colt1 .row2 .col5 .row2 { height: 100px; width: 168px;}
#content .colt1 .row2 .col5 .row3 { height: 20px; width: 168px;}
#content .colt2 { width: 231px; height: 643px; background:url(images/firmy.png) no-repeat; background-color:#ffffff;}
#content .colt2 .row1 { width: 150px; height: 150px; margin: 0 0 0 35px;}
#content .colt2 .row1 .row1{ width: 150px; height: 75px; margin: 0 0 0 35px;}
#content .colt2 .row1 .row2{ width: 150px; height: 75px; margin: 0 0 0 35px;}
#content .colt2 .row2 { width: 150px; height: 50px; margin: 0 0 0 35px;}
#content .colt2 .row3 { width: 150px; height: 162px; margin: 0 0 0 35px; #logo {
	position: absolute; top: 63px; left: 16px; z-index: 30;
	width: 177px; height: 187px;
	text-indent: -10000px;
	background: url(../images/empty.gif); }}
#content .colt2 .row5 { width: 231px; height: 75px; margin: 0 0 0 0;}
#content .colt2 .row4 { width: 213px; height: 200px;}
#footert .row1 { width: 859px; height: 45px; background-color:#ffffff; margin: 0 0 10px 0;}

/* ------------------------ */
#contentt .colt1 .row1 { width:859px; height: 413px;}
#contentt .colt1 .row1 .col1 { width: 859px; height: 413px; background-color: #fff;}
#contentt .colt1 .row1 .col1 .col_1 { width:180px; background-color: #FFF;}
#contentt .colt1 .row1 .col1 .col_1 .row1 { width:180px; height:147px; background:url(images/logo_casasail.png) no-repeat; }
#contentt .colt1 .row1 .col1 .col_1 .row2 { width:180px; height:261px; background: #FFF;}
#contentt .colt1 .row1 .col1 .col_2 { width: 679px; height: 413px; background:url(images/tekst.png) no-repeat;}
#contentt .colt1 .row1 .col1 .col_2 .row1 {width: 628px; height:35px; padding: 15px 20px 0 20px; font-size: 14px; font-weight:bold; color:#00084F; text-align:left;}
#contentt .colt1 .row1 .col1 .col_2 .row2 {width: 628px; height: 338px;  padding: 5px 20px 0 20px; font-size: 12px; color:#00084F; text-align:left;}
#contentt .colt1 .row1 .col1 .col_2 .row2 .margin1 .high { width:608px; height:320px; text-align:left;}
#contentt .colt1 .row1 .col1 .col_2 .row2 .margin1 .high .insight { width:608px; height:400px; text-align:left;}
#contentt .colt1 .row1 .col1 .col_2 .row2 .margin1 .high table { border:none;}
#contentt .colt1 .row1 .col1 .col_2 .row2 .margin1 {width:638px; height:320px; overflow:auto; position: absolute;}
#contentt .colt1 .row1 .col1 .col_2 .row3 {width: 648px; height: 10px;}
#contentt .colt1 .row2 { height: 180px; background-color:#FFF; width:859px;}
#contentt .colt1 .row2 .col1 { height: 180px; width: 164px; margin: 0 0 0 10px;}
#contentt .colt1 .row2 .col1 .row1 { height: 40px; width: 164px;}
#contentt .colt1 .row2 .col1 .row1 p { font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#contentt .colt1 .row2 .col1 .row2 { height: 100px; width: 164px;}

#contentt .colt1 .row2 .col1 .row3 { height:20px;  width: 164px;}
#contentt .colt1 .row2 .col2 { height: 180px; width: 164px;}
#contentt .colt1 .row2 .col2 .row1 { height: 40px; width: 164px;}
#contentt .colt1 .row2 .col2 .row1 p { width: 164px; font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#contentt .colt1 .row2 .col2 .row2 { height: 100px; width: 164px;}
#contentt .colt1 .row2 .col2 .row3 { height: 20px; width: 164px;}
#contentt .colt1 .row2 .col3 { height: 180px; width: 168px;}
#contentt .colt1 .row2 .col3 .row1 { height: 40px; width: 168px;}
#contentt .colt1 .row2 .col3 .row1 p { font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#contentt .colt1 .row2 .col3 .row2 { height: 100px; width: 168px;}
#contentt .colt1 .row2 .col3 .row3 { height: 20px; width: 148px;}
#contentt .colt1 .row2 .col4 { height: 180px; width: 168px;}
#contentt .colt1 .row2 .col4 .row1 { height: 40px; width: 168px;}
#contentt .colt1 .row2 .col4 .row1 p { font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#contentt .colt1 .row2 .col4 .row2 { height: 100px; width: 168px;}
#contentt .colt1 .row2 .col4 .row3 { height: 20px; width: 168px;}
#contentt .colt1 .row2 .col4 .row3 a { text-align:center;}
#contentt .colt1 .row2 .col5 { height: 180px; width: 168px;}
#contentt .colt1 .row2 .col5 .row1 { height: 40px; width: 168px;}
#contentt .colt1 .row2 .col5 .row1 p { font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#contentt .colt1 .row2 .col5 .row2 { height: 100px; width: 168px;}
#contentt .colt1 .row2 .col5 .row3 { height: 20px; width: 168px;}
#contentt .colt2 { width: 231px; height: 643px; background:url(images/firmy.png) no-repeat; background-color:#ffffff;}
#contentt .colt2 .row1 { width: 150px; height: 150px; margin: 0 0 0 35px;}
#contentt .colt2 .row1 .row1{ width: 150px; height: 75px; margin: 0 0 0 35px;}
#contentt .colt2 .row1 .row2{ width: 150px; height: 75px; margin: 0 0 0 35px;}
#contentt .colt2 .row2 { width: 150px; height: 50px; margin: 0 0 0 35px;}
#contentt .colt2 .row3 { width: 150px; height: 162px; margin: 0 0 0 35px;}
#contentt .colt2 .row5 { width: 231px; height: 75px; margin: 0 0 0 0;}
#contentt .colt2 .row4 { width: 213px; height: 200px;}
#contentt .row5 .row1 { width: 859px; height: 45px; background:url(images/casa_napis.png) no-repeat; background-color:#ffffff; margin: 0 0 0 0; padding: 0 0 0 0;}
#contentt .row5 { width: 859px; height: 45px; background:url(images/casa_napis.png) no-repeat; background-color:#ffffff; margin: 0 0 0 0; padding: 0 0 0 0;}

#contentt colt2 .row4 .col4 { height: 180px; width: 168px;}
#contentt colt2 .row4 .col4 .row1 { height: 30px; width: 168px;}
#contentt colt2 .row4 .col4 .row1 p { font-size:16px; padding: 8px 0 0 0; margin: 0 0 0 0; color: #00084f; text-align:center;}
#contentt colt2 .row4 .col4 .row2 { height: 100px; width: 168px;}
#contentt colt2 .row4 .col4 .row3 { height: 20px; width: 168px;}
#contentt colt2 .row4 .col4 .row3 a { text-align:center;}

ul#topnav {
	margin: 1px 0 0 3px; padding: 0;
	float: left;
	width: 157px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size: 12px;
        font-weight: bold;
        height: 17px;
}
ul#topnav li {
	float: left;
	margin: 0 0 0 0; padding: 0 0 0 0;
	/*border-right: 2px solid #555; /*--Divider for each parent level links--*/
        width: 158px;
        text-align: center;
}
ul#topnav .nav {
	float: left;
	margin: 0 0 0 0; padding: 0 0 0 0;
        width: 185px;
        text-align: center;
        heigth: 20px;
}
ul#topnav .koniec {
	float: left;
	margin: 0 0 0 0; padding: 0 0 0 0;
    width: 125px;
    text-align: center;
	color: #ff0000;
}
ul#topnav li a {
	padding: 10px 15px;
	display: block;
	color: #999;
	text-decoration: none;
}
ul#topnav li:hover {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-weight: bold;
	color:#FFF;
}
ul#topnav li a:hover {
	color:#FFF;
}
/*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span {
	float: left;
	text-align:left;
	padding: 5px 0;
	position: absolute;
	left: 0; top:35px;
	display: none; /*--Hide by default--*/
	width: 570px;
	height: 25px;
	background: #00084f;
	color: #fff;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; } /*--Show subnav on hover--*/
ul#topnav li span a { display: inline; } /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/
ul#topnav li span a:hover {text-decoration: underline; background: #FFF; color: #00084f; height: 25px;} 	

#flags { top: 6px; right: 5px; margin-left: 60px;}

	#flags a {
		float: left;
		width: 26px; height: 19px;
		margin-right: 5px;
		text-indent: -10000px;
		overflow: hidden; }

	#flags .gb { background: url(images/en.png); }
	#flags .pl { background: url(images/pl.png); }
	#flags .ru { background: url(images/ru.png); }



#contentForm {
  display:block;
  position:absolute;
  width: 660px;
  height:280px;
  margin:0 0 0 0;
  padding:0 0 0 0;
}

/* and now the form formatting itself */
label {
  display:block;
  float: left;
  clear: left;
  Width: 250px;
  line-height: 20px;
  font-size:11px;
  margin: 0 0 0 0;
  padding:0 0 0 0;
 
}
#contentForm .p1{ font-size:12px; font-weight:bold; padding:0 0 0 0; text-align:left;}
#contentForm .p2{ font-size:11px; font-weight:normal; padding-bottom:0px }

#contentForm textarea{ width:242px; height:93px; overflow:auto; font-size:12px; font-weight:bold; display:block;}

input {
  margin: 0;
  padding: 2px;
  font-size: 12px;
  font-weight:bold;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
  margin: 5px 0 0 0;
  height:15px;
  width:232px;
  float:left;
} 

select {
margin: 0;
  padding: 2px;
  font-size: 12px;
  font-weight:bold;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
  margin: 5px 0 0 0;
  height:25px;
  width:232px;
  float:left;
}
textarea {
 margin: 0;
  padding: 2px;
  font-size: 12px;
  font-weight:bold;
  color: #000000;
  background: #FFFFFF;
  border: 1px solid #000000;
  margin: 5px 0 0 15px;
  height:20px;
  width:202px;
  float:left;
}
input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
  cursor: pointer;
  border: none;
  font-weight: bold;
  background: url(images/submit.jpg) no-repeat left top;
  width: 90px;
  height: 28px;
  margin-left: 150px;
}

span.required{
  font-size: 13px !important;
  color: #00084F !important;
}

.errormsg {
  display: block;
  position:absolute;
  width: 90%;
  height: 30px;
  line-height: 12px;
  color: #FFFFFF;
  font-weight: bold;
  font-size:10px;
  background: #00084F url(images/cancel.png) no-repeat 10px center;
  padding: 15px 0 0 35px;
  margin: -15px 0 0 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}

input.button					{ position:relative; top:0px; left:203px; padding:0 6px 0 0; border:1px solid #000000; margin:0 0 0 0; color:#fff; width: 50px; height: 20px; 										 font-size:10px;	font: 100% Arial;
												background:#00084F; }

input.button:hover		{ background:#000000 none repeat scroll 0% 0%; color:#ffffff; }





.tab_niezb {
	font-family: Verdana;
	font-size: 12px;
	border-collapse: collapse;
	border: none;
	line-height: 2px;
}
td.niezb_tyt {
	font-size: 12px;
	text-align: center;
	padding: 0 0 0 0;
	margin-top:1 px;
}
.tab_niezb TD {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	border-style: solid;
	border-color: #172E04;
	border-width: 0;
	color: #172E04;
	vertical-align: top;
	padding: 0 0 0 0;
	margin:  0 0 0 0;
}
.tytul {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #172E04;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px;
	border-color: #172E04;
	border-style: solid;
}

.tabela {
	border: 3px solid #999;
	}
	
td {border:#00084F 1px solid;}