html, body, p, form, textarea {
	margin: 0;
	padding: 0px 0px 20px 0px;
	font-family: Arial;
}
html, body {
	background-color: #494949;
}
a {
	text-decoration: none;
	color: #C80000;
}
a:hover {
	text-decoration: underline;
	color: #C80000;
}
img {
	border: none;
	display: block;
}
ul {
	margin: 0px;
}
#all {
	width: 876px;
	margin: 0px auto 40px auto;
	background: #ffffff;
}
#nag {
	width: 876px;
	height: 128px;
	background: #e6edf0;
	position: relative;
}
#version {
	position:absolute;
	right: 20px;
	top: 12px;
}
#hr {
	position:absolute;
	width: 854px;
	height: 1px;
	top: 70px;
	left: 0px;
}
#imgdef {
	margin: 0px;
	padding: 0px;
}
#logo {
	position: absolute;
	width: 175px;
	height: 58px;
	top: 24px;
	left: 17px;
}
#menu {
	position: absolute;
	left: 0px;
	top: 100px;
	width: 876px;
}
#menu li {
	float: left;
	display: block;
	padding: 0px 0px 0px 0px;
}
#blue {
	position : relative;
	margin-right: 0px;
	background: #1f5583 url(../images/niebieszczyn.gif) repeat-x;
	width: 876px;
	height: 152px;
}
#white {
	position: relative;
	background: #ffffff;
	width: 876px;
	height: auto;
}
#nag1 {
	position: absolute;
	top: 30px;
}
#nag2 {
	position: absolute;
}
#text1 {
	position: absolute;
	width: 231px;
	top: 55px;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #c6ddfc;
	text-align: left;
}
#boxik {
	position: absolute;
	bottom: 0px;
}
#grau {
	position : relative;
	margin-right: 0px;
	background: #262626;
	width: 876px;
	height: 245px;
}
#textz {
	position: absolute;
	width: 340px;
}
#tyt {
	position: absolute;
	padding: 26px 0px 0px 0px;
	left: 221px
}
#tyt2 {
	position: absolute;
	width: 628px;
}
#text {
	position: relative;
	padding: 59px 26px 26px 0px;
	float: right;
	width: 628px;
	height: auto;
}
#fotoin {
	position: relative;
	float: left;
	width: 171px;
	padding: 26px 0px 26px 26px;
	height: auto;
}
#kontakt {
	position: relative;
	float: left;
	width: 800px;
	padding: 56px 26px 20px 26px;
	height: auto;
}
#mapa {
	position: relative; 
	float: left;
	margin: 60px 0px 26px 26px;
	border: 1px solid #faea9c; 
	background: gray;
}
a.text1 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #c6ddfc;
	text-align: left;
}
a.text1:hover {
	color: #ffffff;
	text-align: left;
	text-decoration:none;
}
.text {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #3f3f3f;
}
.text1 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: white;
}
.text2 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #4b95d5;
}
a.text2:hover{
	color: #ffffff;
	text-decoration:none;
}
.text_def1 {
	padding: 10px 14px 16px 14px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: white;
	text-align : right;
}
#pop{
	text-align: justify;
	background: url(../images/rabat.png) no-repeat;
	width: 420px;
	height: 424px;
	margin: 150px;
	padding: 205px 102px 0px 100px;
	right: auto;
	position: absolute;
	z-index: 1;
	cursor : pointer;
}
.rot {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
.szary {
	position:absolute;
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #B6B6B6;
	text-align: left;
}
.czerwony {
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #C80000;
	text-align: left;
}
.popiel, a.popiel {
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #6C6C6C;
	text-align: left;
}
a.popiel:hover {
	padding: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #C80000;
	text-align: left;
	text-decoration:none;
}
#stopka {
	clear: both;
	position: relative;
	width: 876px;
	height: 55px;
	background: #838383;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}
.stopka, a.stopka {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #3f3f3f;
	text-align: left;
}
a.stopka:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-align: left;
	text-decoration:none;
}
.zobacz, a.zobacz {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #bebebe;
	text-align: left;
}
a.zobacz:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #3f3f3f;
	text-align: left;
	text-decoration:none;
}
#isea {
	position:absolute;
	bottom: 0px;
	right:0px;
}
isea, a.isea, a.isea:hover {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #B6B6B6;
	text-decoration:none;
}
.tab {
	width: 136px;
	height: 100px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #e0e0e0;
	border-left-color: #e0e0e0;
	border-right-color: #e0e0e0;
	border-top-color: #e0e0e0;
	text-align: center;
}
.tab_l1p {
	width: 136px;
	height: 60px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e0e0e0;
	text-align: center;
}
.tab_z1p {
	width: 136px;
	height: 20px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #e0e0e0;
	border-right-color: #e0e0e0;
	text-align: center;
}
.tab_z2p {
	width: 136px;
	height: 20px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e0e0e0;
	text-align: center;
}
.tab_l1k {
	width: 136px;
	height: 60px;
	text-align: center;
}
.tab_z1k {
	width: 136px;
	height: 20px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #e0e0e0;
	text-align: center;
}
.tab_z2k {
	width: 136px;
	height: 20px;
	text-align: center;
}
#text_main {
	padding: 49px 14px 30px 20px;
	background: #ffffff;
	width: 566px;
	height: auto;
	float: right;
}
.text_main {
	padding: 7px 0px 0px 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #616161;
	text-align : justify;
}
.text_main li {
	margin: 0px;
	padding: 1px 0px 4px 20px;
	background: url(../images/li) no-repeat 4px;
	list-style-type: none;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #616161;
	text-align: justify;
}
.text_main ul {
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #616161;
}
.menu_f ul {
	font-family: Arial;
	font-size: 11px;
	color:#ffffff;
	list-style-type:none;
	text-align:left;
	padding: 5px 0;
	line-height : 15px;
	text-transform : uppercase;
}
.menu_f li {
	padding-left:10px;
}

.menu_f ul li a {
	font-weight: normal;
	color: #ffffff;
	text-decoration:none;
}
.menu_f ul li a:hover {
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
}
.input {
	color: #828282;
	font-size: 10px;
	border: 1px solid #A4ABB5;
}
.formularz {
	font-family: Arial;
	font-size: 11px;
	color:#616161;
	padding: 2px 10px 2px 0px;
}
.form_k {
	background: #f0f0f0;
}



.content {
  display: flex;
  align-items: center;
   transform: scale(0.3);
    position: absolute;
    right: -50px;
    top: -88px;
    
}
 
  .content .widget {
    padding: 16px;
    margin: 16px; }
    .content .widget.clock {
      position: relative;
      width: 259px;
      height: 259px;
      border-radius: 100%;
      box-sizing: border-box;
      background-color: #285d8a; }
      .content .widget.clock#okinawa, .content .widget.clock#amalfi {
        width: 160px;
        height: 160px; }
        .content .widget.clock#okinawa:before, .content .widget.clock#amalfi:before {
          border-width: 2px; }
        .content .widget.clock#okinawa .hand, .content .widget.clock#amalfi .hand {
          height: 2px;
          top: 79px;
          transform-origin: right 1px; }
          .content .widget.clock#okinawa .hand.seconds, .content .widget.clock#amalfi .hand.seconds {
            display: none; }
      .content .widget.clock:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border: 4px solid #fff;
        border-radius: 100%;
        box-sizing: border-box; }
      .content .widget.clock .shadow {
        content: '';
        width: 100%;
        height: 500px;
        position: absolute;
        top: 50%;
        left: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
        transform: rotate(-45deg);
        transform-origin: 50% 0%;
        opacity: 0.3;
        z-index: -1; }
      .content .widget.clock .hand {
        height: 4px;
        position: absolute;
        top: 126px;
        background-color: #fff;
        border-radius: 100% 0% 0% 100%;
        transform-origin: right 2px;
        transition: all 0.05s cubic-bezier(0, 0, 0.52, 2.51) 0s; }
        .content .widget.clock .hand.seconds {
          width: 45%;
          left: 5%;
          opacity: 0.25; }
        .content .widget.clock .hand.minutes {
          width: 35%;
          left: 15%;
          opacity: 0.5; }
        .content .widget.clock .hand.hours {
          width: 25%;
          left: 25%;
          opacity: 1; }
      .content .widget.clock .hand-cap {
        width: 5%;
        height: 5%;
        position: absolute;
        top: 47.5%;
        left: 47.5%;
        background-color: #fff;
        border-radius: 100%; }
    .content .widget label {
      display: block;
      width: 100%;
      position: absolute;
      top: -41px;
      left: 0;
      font-family: sans-serif;
      font-weight: 200;
      font-size: 12px;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 4px;
      color: black;
      opacity: 0.5;
      font-size: 32px;
      font-weight:bold;
    }
    }