/* CSS Document */

* {margin: 0;}
html, body {height: 100%;overflow: auto;}


body {
	padding: 0;
	background-color:#FFFFFF;
	background-position: 50% 0;
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #827867;
}

h1 {display:inline;border:0;}
h1 a {text-decoration:none;color:black;font-size:18px;padding:4px 2px;}
h1 a:hover {color:#266ad3;background:#e9e9e9;}

h2 {
	background-image:url(http://www.snow-shade.ru/design/h2.png);
	background-repeat: no-repeat;  
	background-position: center bottom;  
        padding:20px 0;
        min-width:180px;
	font-size: 32px;
        display:block;
        text-align:center;
        line-height: 2;
}  
h3 {font-size: 28px;}

h2 a, h3 a {text-decoration:none;}

div.slidemale, div.slidefemale {display:block;float:left;text-align:center;width:160px;
                margin:13px;padding:2px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;	
		min-height:185px;
		min-width:150px;
}
div.slidemale {background-color:#e9edec;}
div.slidefemale {background-color:#ffeaf2;}

div.slidemale:hover, div.slidefemale:hover, div.litter:hover {background-color:#e0ddd6;}

h4 {font-size: 40px;font-weigh:bold;text-align:right;color:#2555f5;}
div.slidemale h4, div.slidefemale h4, div.inlitter h4 {font-size: 32px;font-weigh:bold;text-align:center;padding-bottom:30px;}
div.litter h4 {font-size: 32px;font-weigh:bold;text-align:center;padding:0;}

h6 {font-size: 32px;font-weigh:bold;text-align:center;padding-bottom:30px;color:#4d443d;}
div.pup h7 {font-size: 42px;font-weigh:bold;text-align:right;margin:0;padding:0;color:#071738;}
div.pup h3 {font-size: 20px;text-align:right;color:#071738;}

div.title {float:left;display:block;width:95%;height:50px;border:0;border-bottom:1px solid #e9edec;}

div.litter {display:block;float:top;text-align:center;width:750px;
                background-color:#e9edec;
                margin:5px 0 0 20px;padding:0;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;	
}

div.inlitter {display:block;float:top;text-align:center;width:750px;
                background-color:#f7f9fa;
                margin:5px;padding:10px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;	
}


h5 {font-size: 20px;font-weigh:bold;text-align:left;color:#2555f5;}

p.h6 {color:#9299a1;text-align:left;font-weight:bold;font-size:18px;}

div#ru {
	position: fixed;
	left: 50%;
	top: 152px;
	margin: 0 0 0 -300px;
	width:300px;
}

div#en {
	position: fixed;
	left: 50%;
	top: 152px;
	margin: 0 0 0 170px;
	width:300px;
}

div#mn {
	position: fixed;
	left: 50%;
	top: 152px;
	margin: 0 0 0 -350px;
	width:720px;
	text-align:center;
}

div#home {
	position: fixed;
	left: 50%;
	top: 152px;
	margin: 0 0 0 -450px;
	width:100px;
}

div#lang {
	position: fixed;
	left: 50%;
	top: 152px;
	margin: 0 0 0 440px;
	width:100px; 
}

* html div#ru   {position: absolute;}
* html div#en   {position: absolute;}
* html div#mn   {position: absolute;}
* html div#home {position: absolute;}

div#header {min-height:200px;}

div#container{width:800px;margin:0 auto;position:relative; min-height:100%;
		height:auto !important;
		height:100%;
}
 
div#navigation {
	position:relative;
	float:left;
	width:300px;
	overflow:hidden; 
	padding:20px;
	border:0;
	margin-right:5px;
}
div#extra {
	position:relative;
	float:right;
	width:300px;
	padding:20px;
	overflow:hidden;
	border:0;
	margin-left:5px;
}
div#content {
	position:relative;
	float:right;
	width:800px;
	overflow:hidden;
	border:0;
}

div#navigation .transparency, div#extra .transparency {
	position:absolute;
	top:0px;
	left:0px;
	width:338px;
	height:2500px;

}
div#navigation .transparency, div#extra .transparency, div#content .transparency {
	background-color:#fff;
    	opacity: 0.7; /* Значение прозрачности */
    	filter: alpha(Opacity=70); /* Прозрачность в IE */
	border-left:1px solid gray;
	border-top:1px solid gray;
	border-right:1px solid gray;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;	
}
div#content .transparency {
	position:absolute;
	top:0px;
	left:0px;
	width:760px;
	height:2500px;
	padding:10px;
}


.text {
 	position:relative; 
	color:black;
	font-size:10px;

}

.textblock {
 	position:relative; 
	color:black;
	font-size:12px;
	padding:40px;
	text-align:justify;
}

div#footer {background: #333;color: #FFF;}
div#footer p{margin:0;padding:5px 10px;}
div#footer a{display:inline;padding:0;color: #C6D5FD;}
div#footer {clear:both;width:100%;position:relative; margin-top:-40px; height:40px;}

img.ico {border:8px solid #e9edec;margin:2px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;	
}

img.icopup {border:8px solid #b6b3ac;margin:2px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;	
}

img.pic {border:1px solid black;margin:2px;}
img.pic:hover {border:1px solid #2555f5;}

 table.data {width:100%;}
 .data, table.data, tr.data, td.data {padding:0;margin:0;color:black;}
 .small  {font-size:12px;}
 .male   {background:#EAEDF5;}
 .female {background:#f5eaed;}
 .parent {background:#d1e2f0;}

div.news {width:700px; padding:10px; background:#f1f1f1;margin:0 0 10px 30px;
                border:1px solid lightgray; 
		-webkit-border-radius:5px;
		-moz-border-radius:5px;	
}
div.title_news {width:100%;float:top;background:lightgray;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
}
span.date {display: inline-block;
	   width: 120px;
	   border-right:1px solid darkgray;
	   margin-right:20px;
}
div.top {width:700px; padding:10px; background:#f1f1f1;margin:10px 0 10px 30px;
                border:1px solid lightgray; 
		-webkit-border-radius:5px;
		-moz-border-radius:5px;	
}