/* 
   Reset
------------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
:focus {outline: 0;}


/* 
   General 
------------------------------------------------------------------- */

html {	height: 100%;	padding-bottom: 1px; /* force scrollbars */}

body {
	background: #FFF0C2 url('img/linen.jpg');
	color: #444;
	font: normal 80% sans-serif;
	line-height: 1.5; }


/* 
   Typography 
------------------------------------------------------------------- */

/* Headings */

h1,h2,h3,h4,h5,h6 {
	color: #555;
	font-weight: normal;
	line-height: 1;
	margin: .3em 0 .5em;
	padding: .2em 0;
}
h4,h5,h6 {font-weight: bold;}

h1 {font-size: 2.6em;}
h2 {font-size: 2em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}


/* Text elements */

p { padding: .2em 0; margin: .6em 0;}

a {	color: #357;	text-decoration: underline;}
a:focus,a:hover {color: #000;}

a#odkazdoadminu { color:#fff; background:#191919; padding: 3px 6px }


abbr, acronym {border-bottom: 1px dotted #666;}
address {margin-bottom: 1.5em;}
blockquote {margin: 1.5em;}
del, blockquote {color: #666;}
em, dfn, blockquote, address {font-style: italic;}
strong, dfn {font-weight: bold;}
sup, sub {line-height: 0;}

pre {	margin: 1.5em 0;	white-space: pre;}
pre,code,tt {	font: 1em monospace;	line-height: 1.5;}


/* Images */

img { display: block; margin: 1em auto; padding:1px; border:0px solid #ccc; }
img.img-left{ float: left;  margin: 5px 10px 10px 0; }
img.img-right{  float: right;  margin: 5px 0 10px 10px; }
img.smajl { display: inline; padding: 0; margin: 0; border: 0; vertical-align: middle; }

div.imgd, div.imgdr, div.imgdl { margin: 1em auto; }
div.imgdl {float: left; margin: 0 1em 1em 0;}
div.imgdr {float: right; margin: 0 0 1em 1em;}
div.imgd img, div.imgdr img, div.imgdl img { margin: 0 auto; }
div.imgd p, div.img dr p, div.imgdl p { font-style: italic; margin:0; padding: 5px 10px 0; text-align:center; }


/* Lists */

li ul, li ol {margin-left: 1.5em;}
ul, ol {margin: 0 1.5em 1.5em 2em;}

ul {list-style-type: disc;}
ol {list-style-type: decimal;}

dl {margin: 0 0 1.5em 0;}
dl dt {font-weight: bold;}
dd {margin-left: 1.5em;}



/* Tables */

table {	border: 0px solid #CCB; width: 100%; margin: 0px 0px 15px 0px;}
th {font-weight: bold; background: #C3D9FF;}
th,td,caption {padding: 0px 0px 0px 5px;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}

table th {	background: #E5E5E5;	border: 1px solid #D5D5D5;	color: #555;	text-align: left;}
table tr {border-bottom: 0px solid #DDD;}
table td, table th {padding: 0px 5px 0px 5px;}
table td {	background: #fff;	border: 1px solid #FFD0AC;}
table tr.even td {background: #F5F5F5;}

table.noborder {  border: none; }
table.noborder td { border: none; text-align: center; vertical-align: middle; }

table.formtable, table.formtable td, table.formtable th {  border: none; background-color: #FFFBD3;}
table.formtable .prvni, table.formtable .levy{ text-align:right }




/* Misc classes */


.quiet {color: #666;}
.loud {color: #000;}
.highlight {background: #FF0;}


.chyba, .err, .uspech {	font-size: 1.1em;	border: 1px solid #DDD;	margin: 1em 0;	padding: 0.6em 0.8em; }

.chyba,.err {	background: #FBE3E4;	border-color: #FBC2C4;	color: #8A1F11;}
.chyba a, .err a {color: #8A1F11;}

.uspech {	background: #E6EFC2;	border-color: #C6D880;	color: #264409;}
.uspech a {color: #264409;}


/* serepeticky v pravem menu */

p.celyarchiv { text-align:center }


ul.poslednikomentare a { text-decoration: none; }
ul.poslednikomentare a:hover,ul.poslednikomentare strong { text-decoration: underline; }

p.vsechnyfotogalerie { text-align:center }

.bod-nabidky{
 color: #b11111;
 /*color: #800000;*/
}

/*
  Menu 2
*********************************************************/
#menu2 ul {
 margin: 0px;
 list-style-type:none;
}
#menu2 li {
  font color: #70767A;
  font:bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;
  list-style-image: url('/vzhled/ujosoft/img/odrazka-up-no.png');
	padding:2px 2px 2px 10px;
	/*border-bottom:dashed 1px #aab38a;*/
}

#menu2 li.active a{
  color:#222;
  background: url('/vzhled/ujosoft/img/odrazka-up.png') no-repeat;
}

#menu2 a {
	color:#666;
 /*text-shadow:#fff 1px 1px 1px;*/
 padding-left: 20px;
 text-decoration:none;
}
#menu2 a:hover {
 color:#222;
 padding-left: 20px;
 background: url('/vzhled/ujosoft/img/odrazka-up.png') no-repeat;
}


/* 
   Forms 
------------------------------------------------------------------- */

label {	font-weight: bold;}
label.error {	display: block; color:red}
fieldset {border: 1px solid #CCC;}
legend {	font-size: 1.2em;	font-weight: bold;}
textarea {overflow: auto; width: 400px; height: 200px; border: 1px;}
input, textarea, select {	background: #FCFCFC;		padding: 4px 5px;}
input:focus, textarea:focus, select:focus {background: #FFFFF5;}

input.button,input.sub {
	background: #F9F9F3;
	border: 1px outset #AAA;
	padding: 4px 5px;
}
input.button:active {border-style: inset;}

.druhy-prijemci input,.druhy-jmeno input,.druhy-kontakt input{
       border-radius: 0px;
}
.druhy-jmeno input,.druhy-kontakt input{
       width: 400px;
}
.line {height: 5px;}

/* 
   Alignment 
------------------------------------------------------------------- */

/* General */

.center,.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Floats */   

.left,.alignleft {float: left;}
.center,.aligncenter {text-align: center;}
.right,.alignright {float: right;}

.clear,.clearer {clear: both;}
.clearer {
	display: block;
	font-size: 0;
	line-height: 0;	
}


/* 
   Separators 
------------------------------------------------------------------- */

.content_separator, .archive_separator {
	background: #D5D5D5;
	clear: both;
	color: #FFE;
	display: block;
	font-size: 0;
	height: 1px;
	line-height: 0;
	margin: 12px 0 24px;
}
.archive_separator {margin: 0 0 14px;}


/* 
   Posts 
------------------------------------------------------------------- */

.post {margin-bottom: 24px; position: relative}
.post_title h2 { margin: 0 0 .3em 0 }
.post_title a,.post_meta a, .post_date a {text-decoration: none;}
.post_title a:hover,.post_meta a:hover, .post_date a:hover {text-decoration: underline;}

p.editace { position: absolute; right:0; top:0; width: 55px; 
    text-align:center; padding: 2px 5px }

.post_date {	border-top: 1px solid #D5D5D5;	color: #777;	font-size: 0.9em;	padding: 8px 0 0 ;}
.post_date a {color: #444;}

.post_meta {	background: #E7E7E7;	border: 1px solid #D7D7D7;	color: #777;	font-size: 0.9em;
							padding: 6px 10px;}
.post_meta a {color: #345; }
.post_meta a:hover {color: #001;}

.post_body h2, .post_body h3, .post_body h4 { padding: .4em 0 .1em }
.post_body h2 { font-size: 1.4em }
.post_body h3, .post_body h4 { font-size: 1.3em }

p.pokracovani { padding: .6em 0 }
p.pokracovani a { font-size: 130% }

div.strankovani { text-align:center; padding: 1em 0 }
div.strankovani ul { margin:0 }
div.strankovani ul li { display:inline; margin-left: 1em; margin-right: 1em}
div.strankovani ul li.vpred,div.strankovani ul li.vzad { font-size: 2.5em } 
div.strankovani ul li.archiv { font-size: 1.8em }
div.strankovani ul li a { text-decoration:none }
div.strankovani ul li a:hover { text-decoration:underline}

#podklad_nabidka{
  background: url('img/pc-error-tran.png');
}

#podklad_alarmy{
  background: url('img/podklad-alarmy.png');
}

/* 
   Archives 
------------------------------------------------------------------- */

.archiv_filtr { padding: 0 .5em ; background: #E5E5E5; border: 1px solid #D5D5D5; margin-bottom: 1em }

.archive_pagination {margin-bottom: 1.6em;}
#prehled-textu-archiv { padding-top: 1em }
.archive_post {margin-bottom: 14px;}
.archive_post_title {padding-top: 3px;}
.archive_post_title h3 { padding: 0; margin-top: 0 }
.archive_post_date {
	background: #FAFAFA;
	border-bottom: 1px solid #C5C5C5;
	border-right: 1px solid #CFCFCF;
	float: left;
	margin-right: 12px;
	padding: 2px 0 5px;
	text-align: center;
	width: 46px;
}
.archive_post .post_date {
	border: none;
	padding: 3px 0 0;
}
.archive_post_date span.prvnicast { display:block; font: normal 1.6em Georgia,serif;}
.archive_post_date span.druhacast { display:block; text-transform: uppercase;}



/* 
   Box
------------------------------------------------------------------- */

.box {margin-bottom: 0.6em;}
.box_title {
	background: #FFFBD3;
	border-bottom: 1px solid #FFD0AC;
	color: #b11111;
  /*color: #800000;*/
	font: bold 1.3em sans-serif;
	padding: 7px 10px 6px; }
.box_content {padding: 8px 0 8px;}
.box li:first-child {border-top: none;}



/* 
   Dokumenty
------------------------------------------------------------------- */

.dokument { padding: .4em 0 }




/* 
   Comments 
------------------------------------------------------------------- */

div#komentare { padding-top: 1em }
div#komvypisobal {	border-top: 1px dashed #DDD;	margin: 1em 0 2em;}

div.komentar {	border-bottom: 1px solid #D6D6D6;	padding-top: 10px; }
div.komentar .svislitko { display:none; }
div.komentartop {	font-size: 0.9em;	padding-top: 4px;}
div.komentartop a {	color: #567;	text-decoration: none;}
div.komentartop a:hover {	color: #001;	text-decoration: underline;}
div.komentartop a.komentarid { font-size: 200%; float:left; margin-right: 5px}
div.komentartop strong.jmeno { display:block; margin-left: 50px; font-size: 130%; color: #567 }
div.komentartop strong.jmeno a { color: #567 }
div.komentartop strong.overeny { color: #544 }
div.komentartop span.datum { color: #567; display: block; margin-left: 50px; padding-top: 3px }
div.komentartop span.web { display: block; margin-left: 50px; padding-top: 3px }

div.komentartelo {padding-top: 4px; margin-left: 50px }
div.komentartelo h3.komentarnadpis { margin: .3em 0; font-size: 120%; background: none; padding-left: 0; }

p.komentarreakce { text-align:right }


tr#komentformtext td.levy { vertical-align: top; }
tr#komentformtext textarea { width: 400px; height: 180px }















/* 
   Layout 
------------------------------------------------------------------- */

/* General wrappers */

/*#layout_wrapper {	background: url('img/layout_wrapper.jpg') repeat-x;	padding-bottom: 16px;}*/
#layout_wrapper2 {padding-top: 32px;}
/*#layout_wrapper2 {	background: url('img/layout_wrapper2.jpg') no-repeat center top;	padding-top: 90px;}*/
#layout_wrapper3 {background: #FFF;	margin: 0 auto;	width: 992px;}
#layout_wrapper4 {padding: 6px;}


/* Header */

#header_wrapper {	background: #fbdc7f url('img/linen_header.jpg') repeat;	height: 120px;}
#logo{ display: block; position:relative; float: left; top: 24px; left:30px; width: 200px; height: 90px; background: url('img/up.png') no-repeat;}
#header {display: block; padding: 24px 24px 0 48px;}

#site_title h1 {	color: #B11111;	font-size: 2.5em;	margin: 0 0 .3em 0; padding: 0}
#site_title h1 a {	color: #B11111;	text-decoration: none;}
#site_title h1 a:hover {color: #DDD;}

#site_title h2 {	margin:0;color: #666;	font-size: 1.3em;padding: 0}


/* Navigation */

#navigation {	background: #800000 url('img/navigation.gif') repeat-x;
							margin-bottom: 3px;	padding-top: 4px;}
							
#navigation a {	color: #FBDC7F;	display: block;	font-weight: bold;	text-decoration: none;}
#navigation a:hover {color: #FFFBD3;}

/* Main navigation */
#nav ul.menu {	display: inline;	margin: 0;}
#nav ul.menu li {	float: left;	list-style: none;	margin: 0;}
#nav li {
 border-right: 1px solid #b11111;
 border-bottom: 1px solid #b11111;
 border-top: 1px solid #b11111;
 }
#nav a {	font-size: 1.3em;	padding: 10px 16px;}
#nav a:hover {background: #FFF0C2; color:#b11111;}

#nav li.active a {	background: #FFF0C2;	color: #b11111;}






/* Main */

#main_wrapper {	background: url('img/main_wrapper.gif') repeat-y;
								border-bottom: 1px solid #FFD0AC;	margin-bottom: 3px;
                min-height:530px;}
#main {	background: url('img/main.gif') no-repeat;	padding: 14px 0 24px;}

#content_wrapper {width: 690px;}
#content {padding: 0 20px;}


/* Sidebar */

#sidebar_wrapper {width: 290px;}
#sidebar {padding: 0 18px;}



/* Dashboard */

#dashboard_wrapper {}
#dashboard {
	background: #C9CDCF url('img/dashboard.gif') repeat-x;
	border: 1px solid #ACAFB0;
	color: #404448;
	margin-bottom: 3px;
	padding: 16px;
}

#dashboard .col3 {width: 288px;}
#dashboard .col3mid {width: 370px;}
#dashboard .col3mid .col3_content {
	border-left: 1px solid #B0B4B8;
	border-right: 1px solid #B0B4B8;
	margin: 0 20px;
	padding: 0 20px;
}
#dashboard .col_title {
	color: #606669;
	font-size: 1.5em;
}

#dashboard ul {margin: 0;}
#dashboard li {
	border-bottom: 1px solid #BABEBF;
	list-style: none;
	padding: 5px 0;
}
#dashboard li a {
	color: #404448;
	text-decoration: none;
}
#dashboard li a:hover {
	color: #202428;
	text-decoration: underline;
}


/* Footer */

#footer {		background: #FFFBD3;	border: 1px solid #FFD0AC;	padding: 8px 12px; font-size: 1em}  /*  Varianta s barvou (světle žlutá )   */
/*#footer {		background: #fbdc7f url('img/linen_header.jpg') repeat;	border: 1px solid #FFD0AC;	padding: 8px 12px; font-size: 1em}*/   /*  Varianta s podkladem tmavší žlutá  */

#footer .right, #footer .center, #footer .right a, #footer .center a {	color: #800000;	text-decoration: none;}
#footer .right a:hover, #footer .center a:hover {	color: #223;	text-decoration: underline;}


/* 
   Single line IE-fix
------------------------------------------------------------------- */
* html #main, * html #dashboard {height: 0.01%; min-height: 0.01%;}









/* 
   Fotogalerie
------------------------------------------------------------------- */

table.foto-fotky { margin: 10px auto; }
table.foto-fotky, table.foto-fotky td { border: 0;}
table.foto-fotky p { padding: 1px; margin: 0; border:1px solid #ccc;  }
table.foto-fotky img { padding: 0; margin: 0; border: 0; }
table.foto-fotky td { padding: 16px 8px; text-align:center }
table.foto-fotky td p { overflow:hidden; }
table.foto-fotky td.navysku p {position: relative;}
table.foto-fotky td.navysku img { position:absolute; top: -40px;  clip: rect( 41px,auto,153px,auto) }

body#fotografie #layout_wrapper { }
body#fotografie #layout_wrapper2 { padding-top: 0}
body#fotografie #navratobal { width: 992px; height: 90px; position: relative; margin: 0 auto; }
p#navrat { width: 300px; background: #fff; padding: 2px 8px; margin:0; position: absolute; bottom:0; right:-1px; }
p#navrat span.svisl { color: #ccc }



body#fotografie #main_wrapper {	background: url('img/main_wrapper_foto.gif') repeat-y; }
body#fotografie #main {	background: url('img/main_foto.gif') no-repeat;}
body#fotografie #content_wrapper { width: auto }

body#fotografie .post_title h2 { text-align:center }

#nagalerii { font-size: 80% }


#foto-obal { position:relative; margin: 0 auto }
#foto-obal img { margin: 0; padding:0; border: 0;}
#foto { margin: 0 auto;  overflow: hidden;}
#foto-obal a.navigace span { display: none }

#foto-obal a.navigace { position:absolute; width: 150px; height: 100%; background: none }
#foto-obal:hover a.predchozi { top: 0px; left:0; background: url(img/sipka-leva-hover.png) 10px 10px no-repeat; }
#foto-obal:hover a.nasledujici { top: 0px; right:0; background: url(img/sipka-prava-hover.png) 80px 10px no-repeat; }
#foto-obal:hover a.predchozi:hover { background: url(img/sipka-leva.png) 10px 10px no-repeat; }
#foto-obal:hover a.nasledujici:hover { background: url(img/sipka-prava.png) 80px 10px no-repeat; }

div#foto-info-obal { width: 600px;  margin: 10px auto; }
div#foto-info {  }
div#foto-info h1 { margin: 5px 0 10px; font-size: 1.8em }
div#foto-info h1 span { color: #cacaca }
div#foto-info #foto-popis { font-size: 130%; font-style: italic; }

div#foto-komentare { padding-top: 15px}