/* MARU CMS TEMPLATE */
/* Design Cavvy */


/* RESET */


a{
	outline: none;
}


/* BODY */

body{
	background: url('/images/bg.jpg');
	font-family: Verdana; 
	font-size: 12px;
	line-height: 24px;
	color: #72594a;
	margin: 0;
}

html, body {
	height: 100%;
}


/*pozdrowienia dla ma�ka, ry�ka, waldka, artura*/

.radius{

	-webkit-border-radius:  18px; /* Safari, Chrome */
	-khtml-border-radius:  18px;    /* Konqueror */
	-moz-border-radius:  18px; /* Firefox */
	border-radius: 18px;
} 

.cleaner{
	clear: both;
}

.wrapper {
	min-height: 100%;
	background: url('/images/top.jpg') center top no-repeat;
	height: auto !important;
	height: 100%;
	margin: 0 auto -273px; 
}
 .push {
	height: 273px; 
	z-index: 1;
}

.footer{
	height: 273px;
	background: url('/images/footer-bg.jpg') repeat-x bottom;
	z-index: 1;
}

/* LAYOUT */

#footer-copyrights{
	width: 1000px;
	margin: 0px auto;
	height: 273px;
}

#container{
	margin: 0px auto;
	width: 1000px;
	background: url('/images/top.jpg') top center no-repeat;
}

#content{
	width: 1000px;
	margin: 0px auto;
	min-height: 300px;
	float: left;
}

#content-strona{
	width: 800px;
	margin: 0px auto;
	padding: 15px 20px 15px 30px;
	min-height: 350px;
	background: url('/images/white_shade.png') repeat-y left;
}

	#content-strona ul{
		margin-left: 35px;
		font-size: 16px;
	}

#bottom{
	width: 800px;
	padding-left: 200px;
	margin: 0px auto;
	text-align: center;
	background: url('/images/bottom.png') no-repeat;
	height: 40px;
	z-index: 99;
}

#bottom-strona{
	width: 800px;
	padding-left: 200px;
	margin: 0px auto;
	text-align: center;
	background: url('/images/bottom_strona.png') no-repeat;
	height: 40px;
	z-index: 99;
}

#logo{
	height: 225px;
}

#left-column{
	width: 740px;
	float: left;
	
}

#left-column-2{
	width: 800px;
	padding: 25px;
}

#right-column{
	width: 220px;
	margin: 10px 0px 0px 40px;
	float: left;
	font: 10px/14px Verdana;
}

#right-column li{
	font: 13px/16px Verdana;
	margin-bottom: 10px;
	margin-top: 10px;
}

#right-column ul{
	margin-left: 18px;
}

		/* FLAFS */
		
			.flag{
				display: block;
				width: 14px;
				float: right;
				height: 12px;
				text-indent: -2000px;
				z-index: 99999;
				margin-top: 250px;
				margin-right: 10px;
			}

				.pl{
					background: url('/images/pl.jpg') no-repeat;
				}
				
				.en{
					background: url('/images/en.jpg') no-repeat;
				}

/* MENU */

#menu-bottom{
	padding-top: 150px;
	width: 300px;
}

	#menu-bottom li{
		float: left;
		display: block;
		list-style-type: none;
		margin: 14px;
		font: 10px/13px Verdana;
		color: #7b6e5b;
		text-shadow: -1px -1px #000;
	}
	
	#menu-bottom a{
	font: 10px/13px Verdana;
		color: #7b6e5b;
		text-shadow: -1px -1px #000;
	}

.menu{
	width: 960px;
	padding-left: 40px;
	height: 62px;
	margin-bottom: 20px;
	background: url('/images/menu.png');
}

.menu li{
	padding:0; 
	margin-right: 30px;
	list-style:none; 
	display:inline;
}

.menu li a, .selected{
	float:left; 
	padding-left: 15px; 
	margin-left: 5px;
	margin-right: 5px;
	display:block; 
	color: #645135; 
	font-size: 15px;
	text-transform: uppercase;
	text-decoration:none; 
}

.menu li a span{
	line-height:62px; 
	float:left; 
	display:block; 
	padding-right:15px; 
}

.menu li a:hover{
	background: url('/images/menu_01.png') no-repeat;
	color:#e0d8c4;
}
.menu li a:hover span{
background: url('/images/menu_02.png') no-repeat right top;
}

.menu li a.active, .menu li a.active:hover{
	line-height:62px; 
	font-size: 15px; 
	background: url('/images/menu_01.png') 0px -60px no-repeat;
	color:#f9f5ec;

}
.menu li a.active span, .menu li a.active:hover span{
	background: url('/images/menu_02.png') 100% -60px no-repeat;
}

/* TEXT STYLES */

h2{
	color: #b71212;
	font-size: 44px;
}

h3, h3 a{
	color: #7d5e49;
	font-size: 32px;
	line-height: 41px;
	margin-bottom: 20px;
}

h4{
	color: #b71212;
	font-size: 29px;
}

a:link, a:visited{
	color: #a31818;
}

a:hover{
	color: #6c8502;
}

/* CONTENT */

.image, img{
	border: solid 6px #f7f6f0;
	margin: 4px;
	-moz-box-shadow: 0 0 5px #d1ccb8;
	-webkit-box-shadow: 0 0 5px #d1ccb8;
	box-shadow: 0 0 5px #d1ccb8;
}

/* NEWS */
.zakladka{
	background: url('/images/zakladka.png') no-repeat;
	padding-left: 105px;
	padding-bottom: 25px;
	padding-top: 25px;
	min-height: 130px;
}

.news{
	margin: 0px 10px 10px 10px;
	padding: 10px;
}

	.news-date{
		font: 10px/13px Verdana;
		font-weight: bold;
	}

	.news-title{
		font-size: 19px;
	}

/* PEDIGREE */
.pedigree table{
	width: 100%;
	border: 1px solid #f5f3ec;
}

.pedigree td{
	font: 11px/14px Verdana;
	padding: 5px;
	margin: 3px;
	border: 1px solid #c7b8a9;
}

/* LINKS */
.link{
	display: block;
	width: 468px;
	height: 60px;
	text-align: center;
	font-size: 20px;
	line-height: 55px;
	background: #f5f3ec;
	-webkit-border-radius:  10px; /* Safari, Chrome */
	-khtml-border-radius:  10px;    /* Konqueror */
	-moz-border-radius:  10px; /* Firefox */
	border-radius: 10px;
}

/* GALLERY */
.galeria{
	background: #f5f3ec;
	margin: 0px auto;
	display: inline-block;
	padding: 5px 5px 0px 5px;
	font-size: 15px;
	text-align: center;
	-webkit-border-radius:  10px; /* Safari, Chrome */
	-khtml-border-radius:  10px;    /* Konqueror */
	-moz-border-radius:  10px; /* Firefox */
	border-radius: 10px;
}

	.gallery-list img, .news img, .pet img, .galeria img, .offspring img{
		border: solid 6px #f7f6f0;
		margin: 4px;
		-moz-box-shadow: 0 0 5px #d1ccb8;
		-webkit-box-shadow: 0 0 5px #d1ccb8;
		box-shadow: 0 0 5px #d1ccb8;
	}
	
	.gallery-list{
		text-align: center;
	}

/* PETS */
	
.pet, .offspring, .line{
	background: url('/images/line.png') no-repeat bottom center;
	text-align: center;
	padding: 15px;
}

	.pet-name{
		font-size: 25px;
		color: #a81412;
	}
	
/* LITTERS */
.litter-list{
	text-align: center;
}

/* ARTICLES */
.article-list{
	list-style-type: none;
}
	
/* OVERALL */

.pet-button{
	padding: 5px 15px 10px 15px;
	margin: 5px;
	text-align: center;
	font-size: 20px;
	line-height: 55px;
	background: #f5f3ec;
	-webkit-border-radius:  10px; /* Safari, Chrome */
	-khtml-border-radius:  10px;    /* Konqueror */
	-moz-border-radius:  10px; /* Firefox */
	border-radius: 10px;
}