@charset "utf-8";

@font-face {
    font-family: "Gotham";
    font-style: normal;
    font-weight: 700;
    src: url("../fonts/Gotham-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Bold_gdi.woff") format("woff"), url("../fonts/Gotham-Bold_gdi.ttf") format("truetype");
}
@font-face {
    font-family: "Gotham";
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/Gotham-Book_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham-Book_gdi.woff") format("woff"), url("../fonts/Gotham-Book_gdi.ttf") format("truetype");
}

html, body, * { margin: 0; padding: 0;font-family: 'Gotham', sans-serif; }

p, ul, li, img, div, a, span { margin: 0; padding: 0; border:0;}
h1, h2, h3, h4 {text-transform:none; margin:0; padding:0;}
a {text-decoration: none; }
li {list-style:none;}

body {
    height: 100%;
}

/*----- LINKI 
----------------------------*/
a.link, a.link:visited { text-decoration:none; font: normal 12px Tahoma, Geneva, sans-serif; color:#004798;}
a.link:hover {text-decoration:none; font: normal 12px Tahoma, Geneva, sans-serif; color:#ed1c24;}


/*----- PADDING, MARGIN, TEXT-ALIGN, FLOAT
----------------------------*/

.br5 {margin-top:5px;}
.br10 {margin-top:10px;}
.br20 {margin-top:20px;}
.br30 {margin-top:30px;}
.br40 {margin-top:40px;}
.br50 {margin-top:50px;}

.clear {clear:both}
.txt-center {text-align:center;}
.txt-left {text-align:left}
.txt-right {text-align:right}
.txt-justify {text-align:justify}

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

.bold {font-weight:bold; color: #ffffff;}

/*----- NAGŁÓWKI - H, P
----------------------------*/
h1 {text-align:left; color:#00558c; font-size:80px; font-weight:bold;}
h2 {text-align:left; color:#b02912; font-size:32px; font-weight:normal;}

h3 {
    color: #b02912;
    font-size: 24px;
}

p {color:#ffffff;}
.red {color:#e30613;}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font14 {font-size:14px;}
.font22 {font-size:22px;}
.font24 {font-size:24px;}


/*----- SITE, CONTAINER, HEADER
----------------------------*/
.site {
	display:block;
	position:relative;	
	margin:0 auto;
	width:1080px;
	height:950px;
}

.container {
	display:block;
	position:relative;	
	margin:0 auto;
	width: 842px;
	height:auto;
	background:#FFF;
	height:100%;
	background:url(../img/header-bg.png) top center no-repeat;
}


/*----- HEADER
----------------------------*/
.header {
	display:block;
	position:relative;	
	margin:0 auto;
	width:842px;
	font-size: 13px;
	font-weight: 900;
}

.header a {
	color: #fff;
}

.active > a {
	color: #b4ddf2;
}

.menu {
    float: right;
    height: 37px;
    position: relative;
    width: 42%;
}

.menu a:hover {
	color: #b4ddf2;
	transition: ease-in-out 0.3s;
}

.menu li {
    float: left;
    padding: 15px;
	transition: ease-in-out 0.3s;
}


.text-wrapper {
    display: block;
    float: left;
    margin: 0 auto;
    position: relative;
    top: 10px;
    width: 100%;
}

.title {
	font-size: 40px;
	position: relative;
	left: 290px;
	text-transform: uppercase;
}

.subtitle {
    font-size: 16px;
    left: 335px;
    line-height: 24px;
    position: relative;
    text-transform: uppercase;
	width: 60%;
	top: 10px;
}


.font-bold {
    font-size: 25px;
    font-weight: 700;
}


.white-fish {
    color: #fff;
    float: left;
    font-size: 13px;
    left: 40%;
    position: relative;
    top: 16px;
    width: 42%;
}


.white-fish > li {
    display: block;
    line-height: 18px;
    padding-left: 38px;
}

.bullet {
    background: rgba(0, 0, 0, 0) url("../img/ryba_white.png") no-repeat scroll left top;
    margin: 10px 0;
}


.form-wrapper {
    display: block;
    float: left;
    left: 34%;
    margin: 0 auto;
    position: relative;
    top: 90px;
    width: 66%;
}

.form-wrapper2 {
    display: block;
    float: left;
    left: 34%;
    margin: 0 auto;
    position: relative;
    top: 220px;
    width: 66%;
}

table {
    left: -4px;
    position: relative;
	top: 10px;
}

tr {
    float: left;
    margin-bottom: 10px;
}


label {
    color: #00558c;
    font-size: 15px !important;
}

input {
    border: 1px solid #af2912;
    width: 250px;
}

textarea {
    border: 1px solid #af2912;
    width: 250px;
	height: 120px;
	margin-top: 8px;
}

select {
    border: 1px solid #af2912;
    width: 250px;
	height: 30px;
	margin-top: 8px;
}

td {
    width: 50%;
}

.w10 {
    display: block;
    float: left;
    height: 20px;
    margin-right: 5px;
}

.checkbox {
    width: 20px;
}


.success {
    background-color: #398f14;
    color: #fff;
    font-weight: 700;
    margin-top: 15px;
    padding: 10px 0;
    text-align: center;
    width: 95%;
}

.error {
    background-color: #b0271c;
    color: #fff;
    font-weight: 700;
    margin-top: 15px;
    padding: 10px 0;
    text-align: center;
    width: 95%;
}

/*----- FOOTER
----------------------------*/
.footer {
	display:block;
	position:relative;
	margin:0 auto;
	margin-top:50px;
	width:880px;
	height:auto;
	clear:both;
}
.footer div {
	display:block;
	position:relative;
	width:215px;
	height:auto;
	float:left;
	margin-top:10px;
	margin-right:5px;
	cursor:default;
}
.footer div img {
	border-bottom:3px solid #e30613;
	
}

.footer div span {
	display:block;
	padding-top:5px;
	padding-bottom:10px;
	color:#43494e;
}


/*----- COOKIES
----------------------------*/
.cookie-cnt {
	position: relative;
    width: 1000x;
	margin: 0 auto;
	padding-left:2px;
}
.cookie {
    background: none repeat scroll 0 0 #6F90AD;
    clear: both;
    color: #FFFFFF;
    display: none;
    height: 40px;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1000px;
}
.cookie span {
	display: block;
	position: relative;
	float: left;
	width: 95%;
	text-align: center;
	font-size: 13px;
	font-weight: normal;
	font-family:Tahoma, Geneva, sans-serif;
	color: #ffffff;
}
.cookie span  a {
	text-decoration: none;
	color: #ffffff;
}
.cookie span  a:hover {
	text-decoration:underline;
	color: #ffffff;
}
.cookie .zamknij-2451345 {
	display: block;
	position: relative;
	float: left;
	margin: 11px;	
	cursor: pointer;
}