@import "text.css";
@import "base.css";
@import "php_inc/css/news.css";
@import "php_inc/css/form.css";
#page{
	width: 100%;
	
}

h2 {
	height: 20px;	
	padding: 0px;	
	margin: 0px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

ul li {
	margin-bottom: 5px;
	list-style: image;
	list-style-image: url('grafika/li.gif');
}

h2.header {
	position: relative;
	left: -2px;
	border-left: 2px solid white;
	border-bottom: 5px solid white;
}

h2.withArrow {
	background: url('grafika/big-arrow-blue.gif') no-repeat;
	padding: 0px 0px 0px 25px;
	text-indent: 0px;
}

h2.withArrow span {
	display: block;
	background-repeat: no-repeat;
	width: 100%;
	height: 20px;
}

div#index {
	margin-top: 75px;
	height: 395px;
	background: url('grafika/language-splash.jpg') no-repeat bottom left;
	position: relative;
}

div#index h1#logo {	
	margin-left: 15px;	
}

div#index p {
	border-left: 1px solid #e4e7ee;
	padding: 5px 0px 0px 20px;	
	margin-left: 423px;
	font: 11px/18px Tahoma;
}

div#index p b,
div#index p strong{
	color: #29267c;
}

div#index ul {
	margin: 0px;
	padding: 0px;
	width: 167px;
	position: absolute;
	top: 136px;
	left: 257px;
}

div#index ul li {
	list-style: none;
	list-style-image: none;	
	pading: 0px;
	margin: 0px 0px 1px 0px;
}

div#index ul li a {
	color: #575563;
	display: block;
	text-align: right;
	padding-right: 20px;
	height: 23px;
	font: bold 12px/23px Tahoma;
	background: url('grafika/language-bg.gif') no-repeat;
	border: 0px;
}

div#index ul li a:hover {
	color: #d60000;
}

div#loginBox {
	width: 382px;
	height: 86px;
	background: url('grafika/pl/strefa_logowania.gif') no-repeat;	
}

div.index div#loginBox {
	float: left;
	position: relative;
	margin-left: 42px;
	z-index: 50;	
}

div.index div#loginBox.nosub {
	top: -54px; 
}




div#loginBox.sub {			
	position: absolute;
	margin: -104px 0px 0px 38px;
	/**
	 * ok, IE 7 tu sie wali - nie wiem czemu, trzeba zhackowac TYLKO dla IE7
	 * jezeli usuniemy position absolute i dodamy margin-bottom do #top bedzie ok
	 */
}

div.index p#address {	
	position: relative;
	top: -20px;
	left: 22px;
	font: 9px Tahoma;	
	width: 150px;
	margin-right: 12px;
	float: left;	
}

div.index p#address a {
	font: 9px Tahoma;
}

div#loginBox div.wrapper {
	text-align: right;
	padding: 10px 15px;	
}

div#loginBox a {
	color: #fe7777;
	border-bottom: 1px solid #e85b5e;
	text-decoration: none;
	font: 10px Verdana;
}

div#loginBox a:hover {
	border-color: #fe7777;
}

div#loginBox form {
	display: inline;
}

div#loginBox fieldset {
	text-align: left;
	padding: 10px 0px 15px 0px;
	margin: 0px;
	border: 0px;
}

div#loginBox input {
	vertical-align: middle;
}

div#loginBox input.text {
	width: 50px;
	height: 12px;	
}

div#loginBox label {
	font: 9px Arial;
	color: white;
	text-transform: uppercase;	
}

div#loginBox label img {
	position: relative;
	left: 3px;
	vertical-align: middle;
}

p#venti {
	padding: 50px 20px 20px 0px;
	text-align: right;
}

p#venti a {
	font: 10px Verdana;
	color: #cfd3da;
	border: 0px;
}

div#top {
	height: 326px;
	background: url('grafika/pl/splash.jpg') no-repeat bottom left;
	/*position: relative;*/
	margin-bottom: 15px;	
	z-index: 1;
}

div#top ul {
	margin: 38px 0px 0px 0px;
	padding: 0px;
	position: absolute;
	right: 0px;	
	overflow: hidden;	
}

div#top select {
	position: absolute;
	margin-top: 38px;
	right: 0px;
	border: 1px solid #d8d8d8;
	height: 16px;
	width: 125px;
	font-size: 10px;
	line-height: 16px;
}

div#top ul li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
	list-style-image: none;	
}

div#top ul li a {
	display: block;
	height: 16px;	
	border: 0px;
}

div#top ul li a.active,
div#top ul li a:hover {
	position: relative;
	top: -16px;
}

div#footer {
	margin-top: 50px;
	background: #eeeeee;
	border-bottom: 5px solid #23468e;
	padding: 10px 30px 10px 20px;
}

div#footer ul {
	margin: 0px;
	padding: 0px;
	height: 13px;
}

div#footer ul li {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	list-style: none;
	list-style-image: none;
	float: left;
}

a#venti,
div#footer ul li a {
	font: 9px Verdana;
	color: #a8a7b0;
	border: 0px;
}	

div#footer ul li a:hover,
div#footer ul li a.active {
	color: #c40007;
}

div.left {
	float: left;
	margin-left: 38px;
	width: 182px;	
}

div.left.width {
	width: 415px;
}

div.right {
	float: left;
	margin-left: 13px;	
}

div.right.small {
	width: 488px;
}

div.right.width {
	width: 711px;
	margin-left: 23px;
	position: relative;
}

div.right.width span.header {
	display: block;
	background: url('grafika/big-arrow.gif') no-repeat;
	width: 19px;
	height: 16px;
	position: absolute;
}

div.withBorder {
	padding-left: 1px;
	border-left: 1px solid #cfd3da;
}

div.box {
	width: 170px;
	float: left;	
	margin: 25px 0px 0px 25px
}

div.box p {
	font: 11px/14px Tahoma;
}

div.rbox {
	float: right;
	width: 182px;
	/*background: #ebeff4;*/
	margin-right: 30px;
}

div.rbox p {
	padding: 17px 15px;
	font: 11px/14px Tahoma;
}

div.rbox input {
	vertical-align: middle;
}

div.rbox input.text {
	width: 123px;
	border: 0px;
	background: url('grafika/input-bg.gif') repeat-x;
	height: 14px;	
}

div.left div.newsletterWrapper input.text {
	width: 135px;
}

div.rbox p {
	padding-bottom: 15px;
	margin-bottom: 0px;
}

div.rbox label {
	display: block;
	padding: 4px 0px;
	font: 10px/14px Tahoma;
	color: #9999a3;
}

div.sNews {
	font-family: Tahoma;
	margin: 5px 0px 15px 0px;
	text-align: justify;
}

div.sNews a {
	font: 11px Tahoma;
	border: 0px;
}

div.sNews span {
	font: 10px Tahoma;
	color: #2952a0;
}

div.bbox {
	margin-top: 5px;
	width: 50%;
	float: left;
	background: url('grafika/box-border-arrow.gif') no-repeat;
	height: 198px;
}

div.bbox div.wrapper {
	margin: 3px 15px 0px 25px;	
}

div.bbox div.wrapper p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	line-height: 14px;
}

div.left ul {
	margin: 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #cfd3da;
}

div.left ul li {
	list-style: none;
	list-style-image: none;
	margin: 0px;
	padding: 0px;
}

div.left ul li.level3 {
	border-top: 1px solid #cfd3da;
}

div.left ul li.level3 a {
	background: url('grafika/plus.gif') no-repeat 3px center;
	display: block;
	padding: 5px 5px 5px 20px;
	font-weight: bold;
}

div.left ul li.level4 a {
	display: block;
	padding: 3px 3px 3px 40px;
	background: url('grafika/arrow.gif') no-repeat 30px center;
}

div.left ul li a {
	border: 0px;
	color: #575563;
}

div.left ul li a:hover,
div.left ul li a.active {
	color: #c40007;	
}

div.left div.newsletterWrapper div.rbox {
	width: 100%;
	margin: 20px 0px 0px 0px;
}

div.right.width div.wrapper {
	padding-left: 28px;
}

div.bg {
	background: url('grafika/column-separator.gif') repeat-y;
}

b.header {
	font-size: 14px;
	
	display: block;
}

a#venti {
	float: right;
	color: #cfd3da;
}

#submit {
	background: #8f99ad;
	color: white;
	font: 9px Arial;
	margin-top: 3px;
	cursor: pointer;
	text-transform: uppercase;
	border: 0px;
	padding: 3px 5px;
}

.buttonred {
	background: #c40007 !important;
	color: white !important;
}

#flashPartnerzy {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 182px;	
	height: 106px;
	background: url('grafika/partnerzy.gif');
	/*padding: 25px 5px 0px 5px;*/
	padding: 0px 0px 0px 0px;
	margin-top: 15px;
}

.rbox #flashPartnerzy {
	margin-top: 0px;
}

#flashPartnerzy * {
	position: relative;
	top: -2px;
}

hr {
	color: white;
	background: white;
	border: 0px;
	border-top: 2px solid #cfd3da;
}

table.text_table_2 td {
	border-bottom: 1px solid #cfd3da;
	padding-bottom: 3px;
}

table {
	width: 683px;
}

a.flag {
	display: inline-block;
	height: 15px;
	width: 25px;
	background: url('grafika/flags.gif') no-repeat;
	border: 0px;
	overflow: hidden;
	margin-left: 4px;
}
a.f6{
	background: url('grafika/flaga_ru_on.gif') no-repeat;
}
a.f6active {
	background: url('grafika/flaga_ru.gif') no-repeat;
}
a.f7{
	background: url('grafika/flaga_it_on.gif') no-repeat;
}
a.f7active {
	background: url('grafika/flaga_it.gif') no-repeat;
}
a.f2 {
	background-position: -24px 0px;
}

a.f3 {
	background-position: -48px 0px;
}

a.f4 {
	background-position: -72px 0px;
}

a.f5 {
	background-position: -96px 0px;
}


a.f1active {	
	background-position: 0px -14px;	
}

a.f2active {
	background-position: -24px -14px;
}

a.f3active {
	background-position: -48px -14px;
}

a.f4active {
	background-position: -72px -14px;
}

a.f5active {
	background-position: -96px -14px;
}


div.flagsContainer {
	float: right;
	position: relative;
	top: 10px;
}

div.newsletterMovedBox img {
	vertical-align: middle;
}

div.newsletterMovedBox div {
	background: #EBEFF4;
	padding: 3px 5px 3px 5px;
	float: right;
}

.rescue {
	background: #ebeff4;
	margin-right: 30px;
	width: 170px;
	float: right;
}