/* CSS Document - RESET */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;
	vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
:focus {	outline: 0;}
ins {	text-decoration: none;}
del {	text-decoration: line-through;}
table {	border-collapse: collapse;	border-spacing: 0;}

/******************************************************************************/


html {height: 100%; font-size: 62.5%;} /* 16 px × 62,5 % = 10 px */
body {
  height: 100%;
  font: 1.6em Arial, Helvetica, sans-serif;
	color: #3C3B35;
	padding: 0; margin:0;
	line-height: 140%;
  } /* 10 px × 1,2 em = 12 px */ 


h1, h2, h3, h4, h5, h6 { clear:both; font-family: "Trebuchet MS",Arial, sans-serif;	padding: 10px 0; }

h1 { padding-top:5px; padding-bottom: 15px }
h1 a { font-size: 50%; color: gray }

a { color: #3C3B35; }
a:hover { text-decoration: none }

p { padding: 5px 0; text-align: justify }

ul, ol { margin: 20px 10px 20px 40px ; }

textarea, input, select, option { font-family: Arial, Helvetica, sans-serif; font-size: 100%;}


/******************************************************************************/

html, body, #bg, #bg table, #bg td, #cont {  height:100%; width:100%; overflow:hidden;}
#bg { position: fixed;}
#bg div {height:200%;left:-50%; position:absolute; top:-50%; width:200%;}
#bg td {text-align:center; vertical-align:middle;}
#bg img { margin:0 auto; min-height:50%; min-width:50%;}
#cont { position:absolute; top:0;left:0; z-index:70; overflow:auto;}
#box {width: 1008px; margin: 25px auto;}

/******************************************************************************/



#header { height: 235px; position:relative; background:  url(images/hlavicka.png) top left no-repeat; }

#obsah { background: url(images/telo.png) top left repeat-y; }

#obaltela { background: url(images/hlavicka-dole.png) top left no-repeat; }

#telo { width: 610px; padding: 5px 80px 20px 0; float: right;  }

#galerie { width: 160px; padding: 90px 15px 20px 105px; float:left }

#paticka {  height: 120px; padding-top: 80px; background: url(images/paticka.png) top left no-repeat;
						clear: both; text-align:center;
						position:relative; bottom: -80px; left:0  }





/******************************************************************************/

#header h5 {position:absolute; z-index:105; top: 40px; left: 20px; width: 220px; padding: 0; }
#header h5 a {  display:block; width: 100%; height: 186px; }

#header h4 { position:absolute; z-index:100; top: 90px; right: 60px; width: 470px; padding: 0; }
#header h4 a {  display:block; width: 100%; height: 55px; }
#header h4 span { display:none }




#topmenu { height: 40px; position: absolute; top: 160px; left: 372px }
ul#menu1 { margin: 0; padding:0}
ul#menu1 li { display:block; float:left; }
ul#menu1 li a {  display:block; height: 40px; line-height: 40px; font-size: 130%; 
							text-decoration:none; font-weight:normal; text-align:center; margin-right: 20px;
							 }
ul#menu1 li a:hover { background: #3C3B35; color:#D6C0A2; }

#topmenu ul#menu1 strong { font-weight:normal;  }

#menu1-pol-vn0-1 a { width: 100px; }
#menu1-pol-vn0-2 a { width: 90px; }
#menu1-pol-vn0-3 a { width: 110px; }
#menu1-pol-vn0-4 a { width: 90px; }
#menu1-pol-vn0-5 a { width: 100px; }


/******************************************/


ul#ulgal { margin: 0; padding:0;list-style-type: none;}
ul#ulgal li { text-align:center; margin-bottom: 15px }
ul#ulgal li strong { display:block; padding-bottom: 3px }
ul#ulgal li a { text-decoration:none }

ul#ulgal li.katli31 { display: none } /* nabidkove kolekce */

/**************************************************/







div.imgd p, div.imgdl p, div.imgdr p{text-align:center!important;font-size:85%;font-weight:bold; padding:0; margin:0}
.imgd, img{margin:5px auto 5px auto;clear:both;display:block}
.imgd{_width:100%!important}
.img-left, .imgdl{float:left;margin:5px 10px 5px 0;clear:none}
.img-right, .imgdr{float:right;margin:5px 0 5px 10px;clear:none}

#obsah img { border: 2px solid #C6AF8E;}
#obsah img.smajl { border:0; display: inline; clear:none; margin: 1px; vertical-align: middle;}


table { font-size: 95%; border-collapse: collapse; border: 1px solid #756254; }
table td { padding: 2px 4px; border: 1px solid #756254; }
table.noborder, table.noborder td {border: 0;}


/* 
	Fotogalerie
*/
#telo table.fotky { margin: 30px 5px 5px; border:0;}
#telo table.fotky td { width: 190px; padding: 4px;  text-align:center; vertical-align: middle; border:0; }
#telo table.fotky td img { margin:0 auto; padding: 0; }



/*
	Podkategorie fotografii
*/
table.podrazene { width: 600px; border: 0; }
table.podrazene td { text-align:center; border: 0; }
table.podrazene td a { text-decoration: none }

table.sloupce3 td { width: 33% }
table.sloupce2 td { width: 50% }

h2.nadpis-podgalerie { margin-top: 15px }



/*
	Blog
*/

div.blog { clear:both }
div.blog p.informace { font-size: 90%}
div.blog p.informace span.datum { font-weight: bold }
div.blog p.informace span.autor { font-weight: bold }
div.blog p.informace span.stitky a { background: #3C3B35; color: #D8C2A3; text-decoration: none; padding: 2px 4px }
div.blog p.informace span.stitky span.carka { display:none }
div.blog p.pokracovani { clear:both; font-size: 130%; text-align:right; padding: 15px 60px; }

p.strankovani { text-align:center }


/*
	Komentare
*/

h2#komnadpis { clear: both; margin-top: 25px }

table.komentform { margin: 15px 10px; border:0; }
table.komentform td { border:0; }
table.komentform td.levy { width: 100px; text-align:right }
table.komentform tr#komentformtext td.levy { vertical-align:top }
table.komentform  tr#komentformtlacitko td { padding-left: 120px }
table.komentform textarea#komenttext { width: 400px; height: 200px }
input#komentjmeno, input#komentemail, input#komentweb, input#komentnadpis { width: 250px }

table.komentform input, table.komentform textarea { padding: 3px 4px; background: #ddd3b5; border: 1px solid #C3AC8A; }
table.komentform input:focus, table.komentform textarea:focus {background: #E5DECE; }

table.komentform input.sub { font-weight: bold; padding: 4px 10px }

/*
	Vypis komentaru
*/

div#komvypisobal { clear: both; padding-top: 25px; }
h2#komvypisnadpis { clear: both; margin-bottom: 25px; }

div.komentar {margin-bottom: 15px}
div.komentartop { padding: 5px 10px; background: #ddd3b5; }
div.komentartop strong.jmeno { font-size: 120%; padding: 2px 10px; }
div.komentartelo { padding: 4px 10px }







table.login { margin: 20px auto; border:0 }
table.login td { border:0 }
table.login td.button p { text-align:center}