/*- Copyright (c) 2008 Lukáš Hroch. All rights reserved.  -*/
/*- Copyright (c) 2008 Now Interactive, spol. s r.o. All rights reserved.  -*/

/*- Basics -*/
html, body, div, p, li, ul, form, h1, h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }
html,body	{ height: 100%; }
body		{ font: normal 62.8%/1.6 Arial, "Helvetica CE", Helvetica, lucida, sans-serif; background: #315b64; color: #000; }
a			{ color: #fff; }
a:hover	{ color: #fff !important; text-decoration: underline !important; }
a img   	{ border:0; }
input,
select,
textarea { font-family: "Helvetica CE", Helvetica, Arial, lucida, sans-serif; }
input, textarea	{ border: 1px solid #8e8e8e; background: #fff url('./images/bg-input.png') 0 0 no-repeat; color: #000; padding: 2px 5px; }
button	{ vertical-align: middle; margin: 0; padding: 0; background: none; border: none; width: 100px; } 
input.submit	{ width: auto !important; padding: 3px 15px !important; background: #D95700; border: 2px outset #948F3A; color: #fff; }

h1	{ font-size: 1.6em; }
h2	{ font-size: 1.4em; }
h3	{ font-size: 1.4em; }
h4	{ font-size: 1.2em; }
h5	{ font-size: 1.1em; }

address	{ font-style: normal; line-height: 1.8; }
address p	{ margin-bottom: .5em; }

/*- Basic layout -*/
#view		{ height: 100%; font-size: 1.2em; }

.holder	{ position: relative; height: 50%; min-height: 340px; }
.holderTop	{ background: #99C9CC url('images/bg-top.png') 0 100% repeat-x; }
.holderBottom { background: url('images/bg-bottom.png') 0 0 repeat-x;}

/*- Main hacks -*/
.holder:after, .cols:after,
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html .holder,
* html .clearfix	{ height:1%; } 
.clearfix	{ display:block; }       

/*- Pieces of modern style -*/

#signpost	{ margin: 0 auto; width: 829px; height: 288px; position: relative; top: -45px; }
#signpost a.abs	{ position: absolute; display: block; width: 250px; height: 300px; overflow: hidden; text-decoration: none !important; cursor: hand; cursor: pointer; }
#signpost .abs span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: 0 0 no-repeat; }
#signpost a.shop	{ right: 0; }
#signpost a.kennel span	{ background-image: url('images/kennel.png'); }
#signpost a.shop span	{ background-image: url('images/sshop.png'); }
.english #signpost a.kennel span	{ background-image: url('images/kennel-en.png'); }
.english #signpost a.shop span	{ background-image: url('images/sshop-en.png'); }
#logo	{ position: absolute; top: -281px; left: 250px; width: 336px; text-align: center; height: 392px; }

#address	{ margin: 0 auto; text-align: center; position: relative; width:182px; height: 100%; display: none;}
#address .in	{ position: relative; height: 174px; width:182px; }
#address span	{ position: absolute; top:0; left:0; height: 100%; width: 100%; background: url('images/address.png') 50% 50%  no-repeat; }
#address table	{ height: 100%; }
                                                                                
#langs	{ font-size: .91em; position: absolute; top: 150px; left: 350px; text-align: center; }
#langs strong	{ font-weight: normal; color: #638289; background: url('images/flag-cz-disabled.png') 0 50% no-repeat; padding-left: 20px;}
#langs a	{ background: url('images/flag-gb.png') 0 50% no-repeat; padding-left: 20px; }
#langs a:hover	{ color: #99C9CC !important; }
#langs span	{ color: #638289; padding: 0 5px; }
.english #langs strong	{ background-image: url('images/flag-gb-disabled.png'); }
.english #langs a	{ background-image: url('images/flag-cz.png'); }

#foot		{ font-family: Verdana, lucida, sans-serif; font-size: 10px; color: #638289; width: 100%; position: absolute; bottom: 0; }
#foot a	{ color: #638289; }
#foot .in	{ width: 860px; margin: 0 auto ; position: relative; }
#foot p	{ padding: 0 0 10px; }
#foot p.copy	{ position: absolute; bottom: 0; right: 0; float: right; width: 33%; text-align: right; }
#foot p.menu	{ position: absolute; bottom: 0; left: 0; float: left; width: 33%; }
#foot	.inAssoc	{ background: url('images/inassoc.png') 0 0 no-repeat; width: 225px; height: 65px; float: left; left: 33%; position: absolute; bottom: 0;}
#foot	.inAssoc a	{ position: absolute; display: block; top: -12px; width: 49%; height: 100%; overflow: hidden; text-decoration: none !important; }
#foot	.inAssoc span { position: relative; top: -25px; }
#foot	.inAssoc a.ss	{ right: 0; }