/*- 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 url('images/bg.png') 0 0 repeat-x; color: #000; }
a			{ color: #315b64; }
a:hover	{ color: #000 !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 2em !important; background: #99c9cc !important; border: 3px outset #315b64 !important; color: #000; }

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; }
#head		{ height: 106px; width: 903px; margin: 0 auto; position: relative; }
#content	{ background: #fff url('images/bg-con-rep.png') 0 0 repeat-y; width: 903px; margin: 0 auto 20px; }
#content .in	{ background: url('images/bg-con-top.png') 0 0 no-repeat; width: 903px; padding-top: 3px; }
#content .in2	{ background: url('images/bg-con-bot.png') 0 100% no-repeat; width: 883px; min-height: 100px; padding: 10px 10px 13px; }

.cols .col1	{ float: left; width: 49.9%;  }
.cols .col2	{ float: right; width: 49.9%; }

.info	{ color: #666; }

/*- Main hacks -*/
.holder:after, .cols:after, .dog:after, .drc:after,  .item: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 -*/
#logo 		{ width: 158px; height: 87px; position: relative; top: 9px; }
#logo a		{ text-decoration: none !important; }
#logo span	{ background: url('images/logo.png'); width: 158px; height: 87px; position: absolute; top: 0; left: 0; }

#head .menu	{ text-align: right; position: absolute; bottom: -6px; right: -12px;}
#head .menu a	{ color: #315b64; font-weight: bold; font-size: 1.4em; text-decoration: none; position: relative; display: block; height: 33px; width: 100px; float: left; }
#head .menu a span	{ position: absolute; height: 100%; width: 100%; top: 0; left: 0;  background: 0 0 no-repeat; }
#head .menu a:hover	{  text-decoration: none !important; }
#head .menu a:hover span	{ background-position: 0 -33px; }
#head .menu .mnu-st { width: 95px; }
#head .menu .mnu-ft { width: 85px; }
#head .menu .mnu-sh { width: 98px; }
#head .menu .mnu-gb { width: 116px; }
#head .menu .mnu-ko { width: 101px; }
#head .menu .mnu-np span { background-image: url('images/menu-nasi_psi.png'); }
#head .menu .mnu-st span { background-image: url('images/menu-stenata.png'); }
#head .menu .mnu-ft span { background-image: url('images/menu-fotky.png'); }
#head .menu .mnu-sh span { background-image: url('images/menu-obchod.png'); }
#head .menu .mnu-gb span { background-image: url('images/menu-guestbook.png'); }
#head .menu .mnu-ko span { background-image: url('images/menu-kontakt.png'); }
.english #head .menu .mnu-np { width: 106px; }
.english #head .menu .mnu-st { width: 91px; }
.english #head .menu .mnu-ft { width: 87px; }
.english #head .menu .mnu-sh { width: 77px; }
.english #head .menu .mnu-ko { width: 94px; }
.english #head .menu .mnu-np span { background-image: url('images/menu-our_dogs.png'); }
.english #head .menu .mnu-st span { background-image: url('images/menu-puppies.png'); }
.english #head .menu .mnu-ft span { background-image: url('images/menu-photos.png'); }
.english #head .menu .mnu-sh span { background-image: url('images/menu-shop.png'); }
.english #head .menu .mnu-ko span { background-image: url('images/menu-contact.png'); }

#langs	{ font-size: .91em; position: absolute; bottom: 5px; left: 180px; }
#langs strong	{ font-weight: normal; color: #638289; background: url('images/flag-cz-disabled.png') 0 50% no-repeat; padding-left: 20px; display: block; margin-bottom: 5px; }
#langs a	{ background: url('images/flag-gb.png') 0 50% no-repeat; padding-left: 20px; display: block; margin-bottom: 5px; }
#langs span	{ color: #638289; padding: 0 5px; display: none; }
.english #langs strong	{ background-image: url('images/flag-gb-disabled.png'); }
.english #langs a	{ background-image: url('images/flag-cz.png'); }

#address	{ margin: 0 auto; text-align: center; position: relative; width:181px; height: 175px; }
#address span	{ position: absolute; top:0; left:0; height: 100%; width: 100%; background: url('images/address.png') 50% 50%  no-repeat; }

#foot		{ font-family: Verdana, lucida, sans-serif; font-size: 10px; color: #638289; width: 100%; margin-top: 95px; }
#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; }

.img img	{ border: 3px solid #315b64;}      
                                    

.advice h1	{ line-height: 1.4em; font-size: 3.6em; color: #99c9cc; font-variant: small-caps}
#guestbook h1,
.ourdogs h1,
.contact h1,
.advice h2,
.pedigree h2	{ line-height: 1.6em; font-size: 2.2em; color: #315b64; font-variant: small-caps}
.advice h2 a	{ color: #315b64; }
.advice h3	{ line-height: 1.6em; font-size: 1.6em; color: #555; font-weight: normal; font-variant: small-caps}
.advice h4	{ line-height: 1.6em; font-size: 1.3em; color: #555; }
.advice h6	{ line-height: 1.6em; font-size: 1em; color: #99c9cc; }

.advice		{ text-align: center; padding-top: 1em; width: 883px; }
.advice .cols	{ width: 843px; margin: 2.5em 20px; }
.advice .col1 { text-align: left; }
.advice .col2 { text-align: right; }
.advice .img	{ margin-bottom: 6px; }
.advice img { border: 3px solid #315b64; display: block; }
.advice h4 span { color: #315b64; font-size: .85em; position: relative; top: -0.5em;}
.advice .legend { font-size: .85em; color: #666; }
.advice .legend span { color: #315b64; }

.news	{ padding: 2em 20px 0; margin-bottom: -30px; }
.news .item	{ padding-bottom: 1.5em; border-bottom: 1px solid #e5e5e5; margin-bottom: 1.5em; }
.news .item h2	{ margin-bottom: 0; color: #315b64;}
.news .item h4	{ margin-bottom: .4em; color: #7D888B;}
.news .item li h4	{ margin-bottom: .4em; color: #315b64;}
.news .item  img.imgr	{ float: right; border: 3px solid #315b64; margin: 0 0 1em 1em; display: block; }
.news .item  img.imgl	{ float: left; border: 3px solid #315b64; margin: 0 1em 1em 0; display: block; }
.news .item .both img { margin-left: 0 !important; margin-right:0 !important; }
.news .item p	{ margin: 0 0 1em 0; }
.news .slideDown	{ background: #d3e8e9; border: 1px solid #99C9CC; padding: 10px 10px 0; margin-bottom: 1em; display: none; }

.results	{ margin: 20px;}
.results img	{ border: 3px solid #315b64; margin: 0 0 1em 0; }


.pedigree	{ margin: 2em 20px; }
.pedigree table	{ border-collapse: collapse; }
.pedigree td	{ padding: 5px; border: 1px solid #f1f1f1;}
.pedigree .male	{ color: #315b64; }
.pedigree .female	{ background: #fafafa; }
.pedigree .female a	{ color: #000; }
.pedigree .gen1	{ font-size: 1.2em; font-weight: bold;}
.pedigree .gen2	{ font-weight: bold;}
.pedigree .gen3	{  }
.pedigree .gen4	{ font-size: .91em; }

.contact { margin: 2em 20px; }
.contact address { font-weight: bold; font-size: 1.2em; margin-top: 1em;}

.ourdogs	{ margin: 2em 20px; }
.ourdogs h2 		{ margin-left: 8.5em; position: relative; margin-bottom: 1em;}
.ourdogs h2 span	{ color: #777; font-size: 1.4em; font-style: italic; width: 5.9em; position: absolute; left: -6em; top: -0.3em;}
.ourdogs	.dog	{ clear: both; padding-top: 1.5em; border-top: 1px solid #e5e5e5; margin-top: 1.5em; }
.ourdogs	.litter	{ clear: both; padding-top: 1.5em; border-top: 1px solid #e5e5e5; margin-top: 1.5em; }
.ourdogs .litter .drc	{ background: #d3e8e9; border: 1px solid #99C9CC; padding: 15px; }
.ourdogs .litter .drc .imgr	{ margin-bottom: 0 !important;}
.ourdogs .litter li	{ margin-bottom: .5em; color: #646464; padding-left: 2.2em; }
.ourdogs .litter li a	{ padding-right: .5em; font-weight: bold; }
.ourdogs .litter li span	{ font-weight: bold; }
.ourdogs .litter li em	{ color: #315b64; font-size: .71em; padding-right: .33em; }
.ourdogs img.imgr	{ float: right; border: 3px solid #315b64; margin: 0 0 1em 1em; }
.ourdogs .perex { color: #444; text-indent: 3em; display: none; }
.ourdogs dl		{ margin: .5em 0 1.5em 3em; }
.ourdogs dl dt	{ float: left; color: #315b64; width: 8em; }
.ourdogs dl dt img	{ display: block; margin: .5em 0 0;}
.ourdogs dl dd	{ margin-left: 9em; margin-bottom: .3em; } 
.ourdogs dl dd strong	{ display: block; color: #666; } 
.ourdogs dl dd strong em	{ color: #315b64; } 
.ourdogs .txt	{ text-indent: 2.7em; font-size: 1.1em; }  

#guestbook { margin: 2em 20px; }
#guestbook .form { margin: 1em 0 1em; }
#guestbook .form .ln { margin: 0 0 .5em; position: relative; clear: both; }
#guestbook .form .lnh { position: absolute; top: -1000px; }
#guestbook .form input,
#guestbook .form textarea			{ border: 3px solid #315b64; padding: 3px .5em; font-size: 1.2em; width: 20em; background: #fff url('images/input.png') 0 0 no-repeat; }
#guestbook .form textarea			{ width: 35em; }
#guestbook .form label				{ font-size: 1em; color: #666; display: block; width: 5em; float: left; line-height: 2.2; }
#guestbook .form input.submit		{ margin-left: 4.2em; margin-right: 1em; }
#guestbook .form input.error,
#guestbook .form textarea.error	{ border-color: #c00; }
#guestbook .form label.error		{ margin-left: 10px; width: auto; display: inline; float: none; color: #c00; font-variant: small-caps; }
#guestbook .items {  }
#guestbook .items .item { border-top: 1px solid #ccc; padding-top: 1em; margin-top: .5em; }
#guestbook .items .item p 			{ font-size: 1.1em; margin: 0 4.5em .5em; }
#guestbook .items .item p.info	{ text-align: right; font-size: .91em; }

.errMsg	{ border: 3px solid #c00; margin-left: 5em;  padding: 10px 15px 3px; margin-bottom: .5em; width: 41em; background: #ffefdc; }
.errMsg h5	{ color: #000; font-size: 1.2em; margin-bottom: .5em; }
.errMsg	li	{ list-style: square; color: #633a31; margin-left: 15px;}
.okMsg	{ border: 3px solid #316439; margin-left: 5em; padding: 10px 15px; margin-bottom: .5em; width: 41em; background: #cbffd0; }
.okMsg h5	{ color: #000; font-size: 1.2em; }

.bigimg	{ width: 840px; }
.bigimg img	{ border: 3px solid #99C9CC; display: block; }     

ul.journey  { margin: 0 2em 0 0;}
ul.journey li { margin: 0 0 .5em 0; }
ul.journey li li { margin: 0 0 .5em 2em; }
ul.journey li li li { list-style: square; }