@import "reset.css";

/* Google Fonts - używamy Fredoka zamiast przestarzałego Cufon.js */
.special {
    font-family: 'Fredoka', 'Comic Sans MS', cursive;
    font-weight: 500;
}

body {
	font-family: 'Fredoka', Arial, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#e3ded7;
	text-align:left;
	background:#340e06 url(/images/bg_top.jpg) top repeat-x;
	padding:0;
	margin:0;
	height:100%
	}

.dog_club{
    position: relative;
    top: 0px!important;
    left: 308px;
	}
	
a {
	color:#fffffe; 
	text-decoration:underline; 
	cursor:pointer;
	outline:none!important 
	}
	
a:link  { 
	color:#fffffe;
	text-decoration:underline
	}
	
a:hover { 
	text-decoration:none
	}
	
a:active{ 
	color:#fffffe;
	text-decoration:none;
	outline:none!important
	}


h1{ 
	font-size:18px; 
	text-transform:uppercase; 
	margin-bottom:25px 
	}
	
h2{ font-size:24px; color:#481904; margin-left:90px }


.clear{ clear:both;}
.left{ float:left}
.right {float:right}
.centr{ margin:auto; padding:0; width:1000px;  }
.centruje{ margin:auto; padding:0; width:800px;  }
.color{ color:#ffae57!important}
.right_20{ margin-right:20px}
.top_10{ margin-top:10px}

.bot_23{ 
	margin-bottom:23px
	}
	
.left_25{ margin-left:25px}
.right_30{ margin-right:30px}

.height_0{ height:0px}

.grid_1{ width:237px}
.grid_2{ width:666px;}
.grid_3{ width:205px}
.grid_4{ width:315px}
.grid_5{ width:250px}
.grid_6{ width:648px}
.grid_7{ width:520px}

.up{ text-transform:uppercase}
.underline{ text-decoration:underline}


/*---------------------------menu--------------------------------------------------*/
.menu{
    background:url(/images/bg_menu.jpg) center no-repeat;
    height:107px;
    margin-top:40px;
    padding-left:0;
    font-weight:bold;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
}
	.menu ul li{ float:left; margin-top:12px}
	.menu ul li a{ color:#4c2601; font-size:18px; text-transform:uppercase; float: left; display:block; text-decoration:none!important; height:20px; padding:22px 17px 20px; margin-top:-1px  }
	
	.menu ul li a.home{ padding-left:40px;}
	.menu ul li a.home:hover, a.act_h{ background:url(/images/hover_home.jpg) -3px 1px no-repeat}
	
	.menu ul li a.contacts{ padding-right:48px}
	.menu ul li a.contacts:hover, a.act_c{ background:url(/images/hover_contacts.jpg) -3px 1px no-repeat; height:20px}
	
	.menu ul li a:hover, a.act { background:url(/images/hover_home.jpg) -10px 0px  no-repeat }
	
.border_menu{ background: url(/images/border_menu.png) left no-repeat; width:1px; height:47px; float:left; position:relative ; top:17px}

.dog{     
	position: relative;
    top: 45px;
    right: -475px;
	}
.logo{ position:relative; top:150px; right:145px}	
	
/* -----------------------------content------------------------------------------------*/
.content{ background:url(/images/bg_center.jpg) center 172px repeat-x;}
.bg_cont{ background:#0a0401; position:relative; position:relative; z-index:0 }

.bg_green {
background : url(/images/bg_green.jpg) left repeat-x;
height : 14px;
border-radius : 15px;
border-color : #4c2601;
font-size : 14px;
text-transform : uppercase;
color : #4c2601;
padding : 13px 25px;
margin-left : -13px;
} 

.banner{ background: url(/images/banner.jpg) no-repeat; height:196px; width:220px; margin-top:30px; padding:85px 0 0 10px}
.banner p{ margin:37px 0 0 -90px; color:#f4c286; font-size:20px; text-transform:uppercase}

.content big{ text-transform:uppercase; color:#eaddcd; font-size:14px; line-height:24px; font-weight:bold; display:block; margin-bottom:10px}

.big_read{ background: url(/images/big_read.jpg) left no-repeat; display:block; width:186px; height:23px; text-align:center; font-size:13px; color:#ffcd8f!important; text-transform:uppercase; text-decoration:none!important; padding-top:12px; margin-top:20px}

.read_more{ background:url(/images/bg_read_more.jpg) left no-repeat; padding-left:25px; font-size:12px; color:#728280!important; text-transform:uppercase; text-decoration:none!important; margin-top:10px; display:block}
.read_more:hover{  text-decoration:none!important; color:#d9ffff!important}

.read_small{ background:url(/images/read_small.jpg) left no-repeat; display:block; height:23px; width:109px; text-align:center; font-size:13px; color:#ffcd8f!important; text-transform:uppercase; text-decoration:none!important; padding-top:12px; margin-top:20px}

.papier_gora {
		background:url(/images/gora.jpg) left no-repeat;
		display:block;
		height:128px;
		width:666px;
		margin-top:25px
}

.papier_naglowek {
		display:block;
		font-size:19px;
		font-style: italic;
		font-weight: bold;
		color:#200f09 !important; 
		text-transform:uppercase; 
		text-decoration:none !important;
		padding-top: 42px; 
		margin-top: -36px;
		margin-left: 70px; 
		margin-bottom: 0px
}

.papier_srodek {
		background:url(/images/srodek.jpg) left no-repeat;
		display:block;
		height:627px;
		width:666px
}

.papier_tekst {
		display:block;
		font-size:15px;
		font-style: italic;
		font-weight: bold;
		color:#200f09 !important; 
		text-transform:uppercase; 
		text-decoration:none!important;
		padding-top: 0px; 
		margin-top: -1px;
		margin-left: 75px; 
		margin-right: 56px;
		margin-bottom: 0px
}

.papier_dol {
		background:url(/images/dol.jpg) left no-repeat;
		display:block;
		height:109px;
		width:666px;
		margin-top: -1px
}


.pag {
	margin-top: 18px;
	text-align: center;
}

.act_pag{
filter: hue-rotate(380deg);
}

#glowny { 
	height:auto; 
	}

.columna {
	width:50%;
	float:left;
	height: 155px; 
	margin-bottom: 40px;
	text-align: center;
}

.bot_1{
	width: 180px;
    height: auto;
	}
.ramka {
	border: 2px solid #4f270a;
}

.film_pion{
    margin: auto;
    padding: 0px;
    width: 305px;
    margin-left: 114px;
}

.warning-msg {
    padding: 10px 0px 10px 15px;
    border-radius: 3px 3px 3px 3px;
    color: #9F6000;
	background-color: #FEEFB3;
    margin-bottom: 0px;
}

/* The close button (zamykanie komunikatu .warning-msg) */
.closebtn {
  float: right;
  margin-right: 25px;
  margin-top: 5px;

  font-size: 55px;
  line-height: 20px;
  font-weight: bold;

  color: #9F6000;
  cursor: pointer;
  user-select: none;

  transition: opacity 0.3s;
}

.closebtn:hover {
  opacity: 0.7;
}

.closebtn:focus {
  outline: 2px solid rgba(159, 96, 0, 0.4);
  outline-offset: 2px;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}
	
/* ------------------------footer-----------------------------------------------------*/ 

.footer{ height:219px; background:url(/images/bg_footer.jpg) center 66px repeat-x; }
.bg_footer {
background : #000;
padding : 70px 0 0;
box-shadow : 0 0 40px rgb(0, 0, 0, 0.9);
position : relative;
} 
.bottom_menu{ margin-left:25px}
.bottom_menu a{ color:#6b4c27; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 5px  }
.bottom_menu a:hover{ color:#fbc108; }
.pins{ margin:-30px 50px} 
.footer p{ color:#8e867b; margin:10px 0 0 30px}
.bot_img{ background: url(/images/bottom_img.jpg) no-repeat; height:104px}
.head{ position:relative; right:186px; bottom:57px}

/* --------------------------contacts---------------------------------------------------*/ 

#contact_form td{ padding-bottom:2px; vertical-align: middle; line-height:18px}
.sub{  background:url(/images/read_small.jpg) left no-repeat; display:block; height:34px; width:109px; text-align:center; font-size:13px; color:#ffcd8f!important; text-transform:uppercase; text-decoration:none!important; padding-top:1px; margin-top:0px; border:none; outline:none; cursor:pointer; font-weight:bold}