html, body {
	height: 100%;
}

body {
	background-color : #EDEDED;
	/*background : #EDEDED url(images/bg.png) center center repeat-y;*/
	background : #FFFFFF url(images/main_bg.png);
	/*background-color : #76C4EF;*/

	padding : 0;
	margin : 0;
	color: #000000;
	font-family: "Arial";
	font-size:12px;
}

form, p {
	margin: 0;
	padding: 0;
}

a {
color: #000000;
font-weight: bold;
text-decoration:none;
}
h3{
margin: 5px 0;
}
h2 {
font-size:14px;
margin: 10px 0;
}

img {
	border: 0;
}

.inpt{
border:1px solid #888888;
width:150px;
}

#page_bg {
	padding-bottom: 1px;
	border-bottom: 1px solid #85C226;
	background: #FFFFFF;
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 185px;
}

#page_bg_item{
	background: #76C4EF;
	background: #85C226;
	width: 100%;
	height: 30px;
	margin: 0;
	position:absolute;
	bottom: 1px;
	left: 0;
}


#contener {
	width: 1000px;
	min-height: 100%;
	margin:auto;
	margin-top: 35px;
	position:relative;
	background-color: #FFFFFF;
	padding:0 10px;
	/*-moz-box-shadow: 0 0 40px #888;
	-webkit-box-shadow: 0 0 40px#888;
	box-shadow: 0 0 40px #888;*/
	-webkit-box-shadow: 0px 0px 30px rgba(50, 50, 50, 0.55);
	-moz-box-shadow:    0px 0px 30px rgba(50, 50, 50, 0.55);
	box-shadow:         0px 0px 30px rgba(50, 50, 50, 0.55);
}


#contact {
	margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 10px;

	text-align: right;
	padding: 10px 5px!important;
}
#contact p {
	margin: 0px;
}

#logo  {
	margin: auto;
	margin-top: -15px;
	background: #FFFFFF;
	width: 200px;
	height: 200px;
	text-align: center;
	border-radius: 200px;
}

#logo img {
	width: 172px;
	margin:auto;
	margin-top: 20px;
}

#header_wrapper {
	/*background: url("images/tezeusz5.jpg") no-repeat;*/
	height: 213px;
	width: 100%;
}

#header {
	height: 189px;
	position: relative;
	border-bottom: 1px solid #85C226;
	background: #FFFFFF url("images/header_bg.jpg");
}

#header_animal {
	background: url("images/header_animals.jpg") no-repeat top center;
	/*position:absolute;
	bottom: 0px;
	left: 0px;*/
	width: 100%;
	height: 189px;
	margin: auto;
}

#slogan img {
	float: right;
	height: 142px;
}

#vmenu {
	background: #76C4EF;
	background: #85C226;
	width: 1000px;
	height: 30px;
	margin: 0;
	clear:both;

}

#content {
	padding: 10px 0;
	position: relative;
}

#wrapper a{
	color: #85C226;
}

#wrapper {
	margin-left: 220px;
}

#wrapper img {
	cursor: pointer;
}

/* ---------------------------------------------------- adopcje ---------------------------------------------------- */

#animals {
	list-style: none;
	margin: 0;
	
	padding: 0;
}

#animals li {
	margin-bottom: 10px;
}

#animals li  h3{
	font-size: 12px;
	color: #000000;
}

#animals li  h3 a{
	color: #85C226;
	font-size: 14px;
}

.smalllogo {
	width: 318px;
	height: 212px;
	border: 1px solid  #C0C0C0;
	padding: 1px;
	margin: 5px;
	float: left;
}

#animals .animal_info {
	float:left;
	overflow: hidden;
	xheight: 144px;
	xwidth: 636px;
	position:relative;
}

#animals .animal_info .description {
	color: #5E5E5E;
	word-wrap: break-word;
}

.dt_label {
	position:absolute;
	top: 0;
	right: 0;
	background: transparent url(images/dt_label.png);
	height: 100px;
	width: 100px;
}

.pilne_label {
	position:absolute;
	top: 0;
	right: 0;
	background: transparent url(images/pilnie_label.png);
	height: 100px;
	width: 100px;
}

/* ---------------------------------------------------- register ---------------------------------------------------- */

div#div_register {
	margin:auto;
}

form#register {
	float: left;
}

.farea {

	padding: 5px;
}

.farea label{
	width: 50px;
	margin-top: 4px;
}
.farea input{

}

.farea .area{
	margin-left:50px;
}
.farea.error{
	background: #FFAAAA;
	color: #EDEDED;
}

.farea.error .info{
	color: #AA2222;
}

.farea.selected , #register_info{
}

#register_info {
	float: left;
	width: 300px;
	padding: 10px;
}

#register_info  div.register_hint{
	display: none;
}

#register_info  div.register_hint div#time{
	margin-bottom: 5px;
}


/* ---------------------------------------------------- login ---------------------------------------------------- */

div#div_login {
	margin:auto;
}
div#div_login form {
	width: 250px;
	float:left;
}

div#div_login  .login_register{
	float:left;
	width: 260px;
	padding: 0 20px;
	background: #EDEDED;
}
div#div_login .login_register p {
	margin: 10px 0;
}

/* ---------------------------------------------------- remember ---------------------------------------------------- */

div#div_remember {
	width: 550px;
	margin:auto;
}
div#div_remember form {
	width: 250px;
	float:left;
}
div#div_remember  .remember{
	float:left;
	width: 260px;
	padding: 0 20px;
	background: #EDEDED;
}
div#div_remember .remember p {
	margin: 10px 0;
}

/* ---------------------------------------------------- passProgress ---------------------------------------------------- */
.is0{background:url("/static/images/passProgress.png") no-repeat 0 0;width:138px;height:7px;}
.is10{background-position:0 -7px;}
.is20{background-position:0 -14px;}
.is30{background-position:0 -21px;}
.is40{background-position:0 -28px;}
.is50{background-position:0 -35px;}
.is60{background-position:0 -42px;}
.is70{background-position:0 -49px;}
.is80{background-position:0 -56px;}
.is90{background-position:0 -63px;}
.is100{background-position:0 -70px;}

/* ---------------------------------------------------- stylish ---------------------------------------------------- */

.fleft {
	float: left;
}

.fright {
	float: right;
}

.fclear {
	clear: both;
}

.tleft {
	text-align: left;
}

.tright {
	text-align: right;
}

.clear {
	clear: both;
}

.infobox, #info {
	background: #EDEDED ;
	border: 1px solid  #C0C0C0;
	width: 760px;
	padding: 9px;
	
}

.hint-text{
	border-top: 1px dashed  #C0C0C0;
	padding: 5px;
	text-align: center;
	font-size: 12px;
	color: #C0C0C0;
	font-style: italic;
}

.gray {
	color: #C0C0C0;
}
/* ---------------------------------------------------- menu ---------------------------------------------------- */

#leftBox {
	float:left;
	width: 200px;
	position: absolute;
}


/******************************************************* Pagination *****************************************/
#xpagination{


	border:none;
	
	/*text-align:center;*/
}

#xpagination ul {
	padding: 0;
}

#xpagination ul li{

	display: inline;
	border: 1px solid silver;
	color: silver;
	padding:3px;

}

#xpagination ul li a{
	
	color: #2966C1;
    font: 12px Arial,Helvetica,sans-serif;
}
#xpagination ul li a:hover{

	color: #2966C1;
	text-decoration:underline;
}

/******************************************************* Animal *****************************************/
#animal_gallery {
	overflow: auto;
}
#animal_header {
	border: 1px solid  #C0C0C0;
	border-width: 1px 0px;
	margin-bottom: 15px;
	font-size: 14pt;
	padding: 10px;
	background:  #F0F0F0;
}

.animal_number {
	color: #C0C0C0;
}

#metrics  {
	margin: 10px auto;
	width: 80%;
	border-spacing: 0;
}
#metrics td {
	width: 25%;
}
#metrics td {
	border-bottom: 1px solid  #C0C0C0;
}

#animal_description {
	margin:auto;
	width: 686px;
	font-weight: bold;
	text-align: justify;
}

#animal_gallery_full{
	float: left;
	border: 1px solid  #C0C0C0;
	padding: 12px;
	width: 354px;
	position: relative;
	text-align: center;
	overflow: hidden;
	
}

#animal_gallery_full img{
	max-width: 354px;
	max-height:354px;
	text-align:center;
	cursor: pointer;
}

#animal_links  {
	margin-top: 50px;
}

#animal_links .link{
	border: 1px solid  #C0C0C0;
	margin: 10px 0;
	background:  #F0F0F0;
	padding: 10px;
}

#similar_animals {
    margin-top: 25px;
}

#similar_animals > a {
        display: inline-block;
	text-align: center;
        border: 1px solid #C0C0C0;
        padding: 1px;
}
#similar_animals > a img {
  width: 132px;   
}
 


.animal_gallery_shadow {
	background-color: #000000;
    bottom: 2px;
    display: none;
    left: 2px;
    opacity: 0.35;
    position: absolute;
    right: 2px;
    top: 2px;
}

.animal_gallery_show {
    background: url("/static/images/zoom_in.png") no-repeat transparent;
    display: none;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    width: 48px;
    z-index: 3;
}

.animal_gallery,.animal_video {
	float: left;
	border: 1px solid  #C0C0C0;
	margin: 0 5px 5px;
	padding: 1px;
}

.animal_video {
	width: 64px;
	height:64px;
	background: url(/static/images/video-icon.png) center no-repeat;
}

.animal_gallery  img,.animal_video  img{
	width: 64px;
	height:64px;
}

.animal_gallery.selected {
	background-color: #75C5F0;
	border: 1px solid #75C5F0;
	box-shadow: 0 0 3px #000000;
}

#fbLikebox {
	margin-top: 20px;
}

.default_box {
	border: 1px solid #DDE1E4;
	position: relative;
	padding: 15px;
}

/******************************************************* Behaviorist *****************************************/
#behaviorist_content form {
	margin: auto;
	width: 400px;
	margin-top: 20px;
}

#behaviorist_content input[type="text"]{
	width: 400px;
}

#behaviorist_content input[type="text"]:focus{
	background-color: #75C5F0;
	border: 1px solid #75C5F0;
}

#behaviorist_content input[type="submit"]{
	background-color: #75C5F0;
	border: 1px solid #75C5F0;
	box-shadow: 0 0 3px #000000;
	float: right;
	margin: 0;
	margin-top: 10px;
}

#behaviorist_content textarea[name="question"] {
	width: 400px;
	height: 250px;
	resize:none;
}
#behaviorist_qa div {
 overflow: visible;
}
#behaviorist_qa img {
	/*vertical-align:text-top;
	margin: 0 10px 10px 0 ;
	float:left;*/
}

#behaviorist_qa .question {
	border-bottom: 1px solid #75C5F0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 80px;
	font-weight: bold;
	min-height: 64px;
	background: url(images/question.png) left top no-repeat;
}

#behaviorist_qa .answer {
	min-height: 64px;
	padding-left: 80px;
	background: url(images/answer.png) left top no-repeat;
}

#behaviorist_qa input[name="question_topic"] {
	width: 600px;
	margin: 0px;
	margin-bottom: 10px;
}

#behaviorist_qa textarea[name="answer"] {
	width: 600px;
	height: 200px;
	resize: vertical;
}

#behaviorist_qa_ask {
	width: 590px;
	padding: 10px;
	margin-top: 40px;
	clear: both;
	background: #EDEDED;
	border: 1px solid silver;
	padding: 9px;
	min-height: 64px;
	padding-left: 80px;
	background: url(images/answer.png) left center no-repeat;
	line-height: 64px;
}

#behaviorist_person_info {
	font-weight: bold;
	text-align:center;
	float:right;
	position:absolute;
	top: 0px;
	right: 10px;
	width: 179px;
	padding-top: 10px;
}

#behaviorist_person_info img{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
	
	border: 1px solid #DDD;
 
    }   
 
#behaviorist_person_info img:hover   
{ 
    -webkit-transform:rotate(10deg);
    -moz-transform:rotate(10deg); 
    -o-transform:rotate(10deg);
}  

#behaviorist_faq {
	min-height: 150px;
}

#behaviorist_qa_more {
	width: 670px;
	padding: 10px;
	margin-top: 40px;
	clear: both;
	background: #EDEDED;
	border: 1px solid silver;

	padding: 9px;
}

#behaviorist_content .error{
	background: #FFAAAA;
	color: #AA2222;
	border: 1px solid #AA2222;
	padding:5px 10px;
	margin-bottom: 20px;
}

#behaviorist_content .okey{
	background: #7FEBA6;
	color: #007818;
	border: 1px solid #06C42C;
	padding:5px 10px;
	margin-bottom: 20px;
}

#behaviorist_rule {
	clear: both;
	padding: 30px;
}

ul.nav {
	list-style: none;
	padding: 0 5px;	
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 12px;
	background: url(topnav_bg.gif) repeat-x;
	overflow:visible;
}
ul.nav li {
	margin: 0;	
	padding: 0 5px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.nav li a{
	padding: 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.nav li a:hover{
	background: url(topnav_hover.gif) no-repeat center top;
}
ul.nav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top;
}
ul.nav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.nav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	overflow:visible;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
ul.nav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.nav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.nav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; 
}

#cpmad {
	margin-left: -20px;
}

.ad.google {
	margin: auto;
	width: 160px;
	margin-top: 18px;
}

#partners .partner {
	width: 109px;
	
	margin-right: 10px;
	margin-bottom: 15px;
	float: left;
	overflow: auto;
}

.news {
	overflow: auto;
	clear: both;
}

.news h1 {
	font-size: 18pt;
}

.news h1 a, .news .more a{
	color: #333333 !important;
}

.news .more{
	float: right;
	margin-right: 15px;
}