@font-face {
 font-family: MyGothic;
 src: url("GOTHIC.eot") /* EOT file for IE */
}
@font-face {
 font-family: MyGothic;
 src: url("GOTHIC.TTF") /* TTF file for CSS3 browsers */
}

h2
{
    color:#06647e;
    font-size:12px;
    font-weight: normal;
    padding:0px;
    margin:0px;
}

body{
     margin: 0px;
     font-family: MyGothic,verdana;
     text-align:left;
     padding:0px;
     background:#fff url('../img_ref/bg.png');
     }

a{
	outline: none;
	}
	 
a:link{
     font-size: 10px;
     color: #06647E;
     text-decoration: none;
	 }

a:visited{
     font-size: 10px;
     color: #06647E;
     text-decoration: none;
     }

a:hover{
     font-size: 10px;
     color: #eca9b9;
     text-decoration: none;
     }

a:active{
     font-size: 10px;
     color: #06647E;
     text-decoration: none;
     }



/* NOWE STYLE */


#top
{
    background:url('../img_ref/bg_top.jpg') repeat-x top;
    min-height:186px;
    text-align:center;
}

.kontener
{
    width:900px;
    display:block;
    margin:0 auto;
    text-align: left;
}

.kontener .left
{
    width:180px;
    margin-right:5px;
    text-align: left;
    float:left;
}
.kontener .right
{
    width:710px;
    margin-right:5px;
    text-align: left;
    float:left;
}


.kontener .right .left
{
    width:520px;
    margin-right:5px;
    text-align: left;
    float:left;
}


.kontener .right .right
{
    width:180px;
    margin-right:5px;
    text-align: left;
    float:left;
}


.kontener .right .topper
{
    height:18px;
    padding-top:7px;
    text-align: right;;
}

.podstrony
{
    display:block;
    line-height:21px;
    background:url('../img_ref/bg_menu.png');
    font-size:10px;
    padding-left:27px;
    margin:4px 0;
}


.submenu
{
    background:#f5f5f5;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.submenu ul
{
    margin:0px;
    padding-left:20px;
}



.corner_t
{
    height:6px;
    background: url('../img_ref/corner_t.png') repeat-x;
}

.corner_b
{
    height:6px;
    background: url('../img_ref/corner_b.png') repeat-x;
}

.corner_l
{
    width:6px;
    background: url('../img_ref/corner_l.png') repeat-y;
}

.corner_r
{
    width:6px;
    background: url('../img_ref/corner_r.png') repeat-y;
}

.corner_bg
{
    background:#fff;
    padding:5px;
	font-size: 12px;
}


.box
{
    display:block;
    width:180px;
    height:123px;
    margin:4px 0;
    background: url('../img_ref/box.png') no-repeat;
    text-align: left;

}

.box form
{
    font-size:10px;
   padding:4px;
    text-align: left;
}


.box2
{
    display:block;
    width:170px;
    height:231px;
    margin:4px 0;
    background: url('../img_ref/box2.png') no-repeat;
    text-align: left;
    padding:5px;

}

.box_flaga
{
    display:block;
    width:170px;
    height:80px;
    margin:4px 0;
    background: url('../img_ref/box_flaga.png') no-repeat;
    text-align: center;
    padding:5px;

}

.box3
{
    display:block;
    width:170px;
    height:49px;
    margin:0px 0 10px 0;
    background: url('../img_ref/box3.png') no-repeat;
    text-align: left;
    padding:5px;

}



.box4
{
    display:block;
    width:170px;
    height:162px;
    margin:10px 0;
    background: url('../img_ref/box4.png') no-repeat;
    text-align: left;
    padding:5px;

}

/* KONIEC NOWYCH STYLI */





.input_button{
     border: 1px solid #338B7A;
     background-color: #338B7A;
     color: #ffffff;
     font-size: 12px;
     font-weight: bold;
     }

.input_text{
     border: 1px solid #338B7A;
     background-color: #ffffff;
     color: #338B7A;
     font-size: 12px;
     }

.input_text2{
     border: 0px solid;
     color: #000000;
     font-family: MyGothic,verdana;
     font-size: 11px;
     width: 100%;
     }

.zabiegi{
     font-size: 10px;
     color: #06647E;
     text-decoration: none;
     cursor: pointer;
     }

.podstrony{
     font-size: 10px;
     color: #06647E;
     text-decoration: none;
     }

.input_text3
{
    width:128px;
    height:23px;
    background:url('../img_ref/input_bg.png') no-repeat;
    text-align: center;
     float:left;
}

.input_text3 input{
     border: none;
     background-color: #fff;
     color: #000000;
     font-size: 10px;
     width:120px;
     height:15px;
     padding:0px;
     margin:4px 0;
     }

.input_button2{
     border: none;
     width:27px;
     height:23px;
     padding-left: 0px;
     padding-right: 0px;
     margin-left:4px;
     float:left;
     background: url('../img_ref/button_ok.png') no-repeat;
     }
	
#popup {
  /*background-image:url(polityka.jpg);*/
	position: absolute;
	top: 25%;
	left: 30%;
	height: 410px;
	width: 480px;
	margin-top: -50px;
	margin-left: -275px;
	border: 2px solid #7eb6a8;
	text-align: left;
	background-color: #fff;
	font-family: MyGothic,verdana;
	font-size: 10px;
	/*color: #555555;*/
	padding: 15px;
}

.polityka {
	text-align: justify;
	font-family: MyGothic,verdana;
	font-size: 9px;
	color: #555555;
	padding: 5px;
}

#ss_stopka{
font-size: 11px;
padding-top: 12px;
color:#318a7b;

}
#ss_stopka a{
font-size: 11px;
color:#318a7b;    
}
#ss_stopka a:hover{
font-size: 11px;
color:#318a7b;
text-decoration: underline;
}
#ss_logo_box  {height:125px;}
#ss_logo_box h1 {margin:0;padding:0;font-size:13px;}   
#ss_logo_link {position:relative;}
#ss_logo_link img {position:absolute;top:0;left:0;border:0;}

.fanbox{
height:330px;
padding-right:3px;
position:absolute;
right:-297px;
top:195px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
text-valign:middle;
}
.fanbox:hover{
right:-1px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}