/* < general styles */
html,body { /*height:100%;*/ font-size:100.1%; }
html,body,div,table,caption,form,fieldset,legend,input,
select,textarea,button,ul,ol,li,dl,dt,
dd,p,address { margin:0; padding:0; }
table { border:0; border-collapse:collapse; border-spacing:0; font-size:100%; }
td,th { vertical-align:top; font-weight:normal; }
address { font-style:normal; }
sup { vertical-align:top; }

body {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
	padding: 0;
	margin: 0px auto 0px auto;
	background-color: #dedede;
	text-align: center;
    font-size: 12px;    
}
.zluta {color: #fffaae}
#left
{
	background-image:url(images/box-LB.jpg);
	background-repeat:repeat-y;
	background-position:right;
}
#right
{
	background-image:url(images/box-PB.jpg);
	background-repeat:repeat-y;
	background-position:left;
}
#copy {
	width:800px;
 	text-align:center;
 	font-size: 0.85em;
 	color:#000;
 	background-color:#e82f2a;
}
#copy a {
color:#000;
text-decoration:none;
}
#copy a:hover {
text-decoration:underline;
}
#top
{
	height: 200px;
	width: 800px;
	margin: auto;
	background-color:#A00000;
}
#super-top
{
	height: 45px;
	width: 800px;
	margin: auto;
	background-color:#FFF;
	text-align:left;
}
#menu-main-bottom
{
    font-size : 1em;
	width: 800px;
	margin: auto;
	background-color: #a00000;
	height: auto;
    padding-top:3px;
}
#menu-main-bottom a, #menu-main-bottom a:visited, #menu-main-bottom a:active
{
	color: #FFF;
	text-decoration: none;
	font-size : 0.85em;
	padding-right: 5px;
	padding-left: 5px;
}
#menu-main-bottom a:hover
{
	text-decoration:underline;
}
#menu-main
{
	width: 730px;
	margin: auto;
	background-color: #000;
	height: auto;
    padding-left:70px;
}
#menu-main ul, #menu-main ol { list-style:none; }
#menu-main td {
	color: #AAA;
}

#data {
    background-color: #FFF;
	width: 800px;
	margin: 0;
	padding: 0;
}
#data ul,#data ol {
	padding-left: 25px;
}
#left-box {
	text-align:left;
	padding: 15px;
	margin:0;
	font-size: 1em;
}
#left-box-hlavni {
	text-align:left;
	padding: 0px;
	margin:0;
	font-size: 1em;
}
#right-box {
	text-align:left;
	padding: 0;
	padding-left:15px;
	background-image: url(images/box-right.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.box {
	text-align:left;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
.box .img1 {
	margin-left: 20px;
}
.box .nadpis {
	font-style: italic;
	text-decoration: underline;
}

.textb {
	font-weight: bold;
}
/*------------------- guestbook ---------------------*/
#guestbook
{
	text-align:left;
	clear: left;
}
#guestbook .vlozil
{
	font-weight:bold;
}
#guestbook .vlozeno
{
	color: #CCCCCC;
}
#guestbook .text
{
}
/*---- ----------------------------------------- ----*/
/*-------------------- ankety -----------------------*/
.ankety-box { color:#277829; }

.ankety-box .box-maintitle,
.ankety-box .box-maintitle a,
.ankety-box .box-maintitle a:visited,
.ankety-box .box-maintitle a:active {
	text-align: left;
	font-size: 1em;
	color:#277829;
	vertical-align: middle;
	padding-bottom: 5px;
	text-decoration: none;
}
.ankety-box .box-maintitle a:hover {
	text-decoration: underline;
}
.ankety-box .box-title {
	text-align: left;
	font-weight:bold;
	font-size:.95em;
	vertical-align: middle;
	height: 19px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.ankety-box .box-data {
	padding: 2px;
	color: #277829;
	font-size: .85em;
    padding-right:10px;
}
.ankety-box .box-data .input-radio {
	margin-right: 6px;
}
.ankety-box .box-data .odpoved {
	font-weight:bold;
}
.ankety-box .box-data .vysledek {
	color:#277829;
	margin-left: 25px;
}
.ankety-box .box-data .pocet-hlasu {
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:left;
}

/*---- ----------------------------------- ----*/
p {
    text-align:justify;
}
h1
{
	color: #000;
	font-size: 1.2em;
	text-align:center;
}
h2
{
	color: #000;
	font-size: 1.1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
h3
{
	font-size: 1.1em;
}
h4
{
	font-size: 1.1em;
}
h6
{
	font-size: 1.3em;
}
a
{
    color: #0000CC;
}
a, a:visited, a:active
{
	text-decoration:underline;
}
a:hover
{
	text-decoration:none;
}
.input
{
	background-color: #FFF;
	border: 1px solid #000000;
	font-weight: bold;
	color: #000;
	font-size: 1em;
}
.button
{
	font-size: 1em;
	color: #FFFFFF;
	background-color: #000000;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #CCCCCC;
}
/*-------------------- ankety ------------------------*/
.ankety a
{
	font-weight:bold;
}
/*----------------------------------------------------*/
/*-------------------- galerie -----------------------*/
.gal-box {
	background-color: #821125;
}
.gal-box .gal-BH {
	background-image: url(images/gal-BH.png);
	background-repeat: repeat-x;
	background-position: center center;
}
.gal-box .gal-BL {
	background-image: url(images/gal-BL.png);
	background-repeat: repeat-y;
	background-position: center center;
}
.gal-box .gal-BP {
	background-image: url(images/gal-BP.png);
	background-repeat: repeat-y;
	background-position: center center;
}
.gal-box .gal-BD {
	background-image: url(images/gal-BD.png);
	background-repeat: repeat-x;
	background-position: center center;
}
.gal-box .gal-data {
	padding: 1px;
	text-align:center;
}
.gal-box .gal-data .gal-name,
.gal-box .gal-data .gal-name a,
.gal-box .gal-data .gal-name a:visited,
.gal-box .gal-data .gal-name a:active {
	color:#FFFFFF;
	font-size: .90em;
	font-weight: normal;
	text-decoration: none;
}
.gal-box .gal-data .gal-name a:hover {
	 text-decoration: underline;
}
.gal-tab-obr .gal-kat a,
.gal-tab-obr .gal-kat a:active,
.gal-tab-obr .gal-kat a:visited {
	font-size:1.1em;
	text-decoration:none;
	color:#FFF;
	font-weight: bold;
}
.gal-tab-obr .gal-kat a:hover {
	text-decoration:underline;
}
.gal-tab-obr .gal-kat-nazev {
	font-size:1.3em;
	font-weight: bold;
	text-align:center;
	padding-left: 20px;
	padding-bottom:20px;
	text-decoration:underline;

}
.gal-tab-obr .gal-kat-intro {
	padding: 10px;

}
/*---- ----------------------------------- ----*/
.main-table
{
	background-color:#ffcc66;
}
/*---- ---------- news ------------------- ----*/
.news {
	position:relative;
	clear:both;
	float:left;
	margin-bottom: 10px;
	width:484px;
	margin-left: 15px;
	margin-right: 15px;
}
.news-detail {
padding: 10px;
}
.news-detail-title
{

}
.news-title {

	padding: 1px 0 1px 5px;
	margin: 0 auto 10px auto;
	font-weight: bold;
	color:#000;
	background-color: #dedede;
	letter-spacing: -0.01em;
}
.news-title a {
	font-size: 1em;
	color: #000;
	text-decoration: none;
}
.news-title a:hover {
	text-decoration: underline;
}
.news-date {
	padding-left:100px;
	color:#000;
	font-weight: normal;
	font-style: normal;
	font-size: 1em;

}
.news-text {
	color: #000;
	text-align: left;
	padding-top:20px;
	font-size: 1em;
	display: block;
	letter-spacing: -0.01em;
}
.news-img
{
	padding: 0px;
	margin: 0 10px 0 0 ;
	border: 1px solid #e0e0e0;
}
/*---- ----------------------------------- ----*/
/*---- ---------- interpreti ------------------- ----*/
.interpreti
{
	margin-bottom: 20px;
}
.interpreti-title
{
	font-weight: bold;
	font-size: 1.2em;
	font-variant: small-caps;
	color:#fffaae;
}
.interpreti-title a
{
	color:#fffaae;
	text-decoration: underline;
}
.interpreti-title a:hover {
	text-decoration: none;
}
.interpreti-popis
{
	font-weight:bold;
}
.interpreti-date
{
	font-weight: normal;
	font-size: .65em;
	padding-left: 10px;
}
.interpreti-text
{
	text-align: left;
	margin-top: 5px;
	margin-bottom:5px;
	font-size: 1em;
	display: block;
	padding: 5px;
}
.interpreti-img
{
	margin-right: 8px;
	margin-bottom: 3px;
	border: 1px solid #000000;
}
/*---- ----------------------------------- ----*/
/*---- ---------- autori ------------------- ----*/
.autori
{
	margin-bottom: 20px;
}
.autori-title
{
	font-weight: bold;
	font-size: 1.2em;
	font-variant: small-caps;
	color:#fffaae;
}
.autori-title a
{
	color:#fffaae;
	text-decoration: underline;
}
.autori-title a:hover {
	text-decoration: none;
}
.autori-popis
{
	font-weight:bold;
}
.autori-date
{
	font-weight: normal;
	font-size: .65em;
	padding-left: 10px;
}
.autori-text
{
	text-align: left;
	margin-top: 5px;
	margin-bottom:5px;
	font-size: 1em;
	display: block;
	padding: 5px;
}
.autori-img
{
	margin-right: 8px;
	margin-bottom: 3px;
	border: 1px solid #000000;
}
/*---- ----------------------------------- ----*/
/*---- ------------- portfolio ----------- ----*/
#fotogallery
{
color:#fff
}
#fotogalerie img
{
    vertical-align:top;
	background-image: url(images/port-img-back.png);
	background-repeat: repeat-x;
	background-position: left top;

}
#fotogalerie a:link,
#fotogalerie a:visited
{
color:#fff
}
#fotogalerie a:hover
{
color:#FF0000
}
#fotogalerie
{
float:left;
width:285px;
padding-left:15px;
}
#fotogalerie.height
{
float:left;
width:198px
}
#fotogalerie .photo-cont
{
    float:left;
    width:280px;
    position:relative;
    z-index:9;
}
#fotogalerie .photo
{
border:1px solid #888;
background:#85E805 url(images/load.gif) center center no-repeat
}
#fotogalerie #photo-medium
{
position:relative;
z-index:1;
width:276px !important;
width /**/:276px;
margin-top:10px;
text-align:center
}
#fotogalerie #photo-medium.few
{
margin-bottom:8px
}
#fotogalerie #photo-medium.video
{
width:300px !important
}
#fotogalerie .photo-cont-height
{
float:left;
width:184px;
margin:0 11px 0 0;
_margin:0 8px 0 0;
}
#fotogalerie #photo-medium-height
{
width:180px !important;
width /**/:184px
}
#fotogalerie #slide
{
position:absolute;
top:5px;
_top:10px;
left:5px;
cursor:pointer;
_cursor:hand
}
#fotogalerie #zoom
{
position:absolute;
right:0;
bottom:0;
padding:3px 3px 3px 3px;
margin:0 1px 1px 0;
_margin:0 1px 0px 0;
background-color: #000;
font-size:12px;
display:none;
}
#fotogalerie #loading
{
height: 50px;
width: 144px;
text-align: center;
position:absolute;
left:60px;
top:60px;
padding:3px 3px 3px 3px;
margin:0 1px 1px 0;
_margin:0 1px 0px 0;
border: 1px solid #333;
background-color: #CCC;
font-size:12px;
visibility:hidden;
}
#fotogalerie .hide
{
display:none
}
#fotogalerie .describe
{
color:#000;
font-size:95%;
line-height:1.6;
padding:6px 4px 18px 4px
}
#fotogalerie .describe small,
#fotogalerie .describe small a:link,
#fotogalerie .describe small a:visited
{
color:#737373
}
#tool-gal
{
margin:0;
padding:0;
clear:none;
position:relative;
top:-33px
}
#gall-cont
{
width:69px;
float:right;
margin-right:18px;
_margin-right:10px;
_margin-right /**/:1px
}
#gall-cont .button2
{
position:relative;
top:2px;
margin:8px 0 -5px 0;
cursor:pointer;
_cursor:hand;
z-index:0
}
#gall-cont #butt-down
{
position:relative;
top:-8px
}
#gallery
{
overflow:hidden;
width:69px;
height:170px;
_height:170px;
_heig\ht:170px;
padding-top:4px;
_padding-top:10px;
text-align:center;
}
#gallery div
{
margin:3px 0
}
#gallery div img
{
border:1px solid #000
}
#gs
{
padding:0
}
#photo-count
{
color:#666666;
font-size:75%
}
#photo-count b
{
color:#A8262C
}

#port-table
{
	border-collapse:collapse;
	font-family: Tahoma;
}
/*-- port-hlavni --*/
#port-hlavni
{
	text-align: left;
	font-size: 0.85em;
	font-weight: bold;
}
#port-hlavni a,
#port-hlavni a:hover,
#port-hlavni a:active,
#port-hlavni a:visited
{
	color:#FFF;
}
/*-- port-kategorie --*/
#port-kategorie
{
	color: #FFF;
	width: 124px;
	background-color:#C2C0C0;
	background-image: url(images/port-backmenu.png);
	background-repeat: repeat-y;
	background-position: left top;
}
#port-kategorie .kategorie-nadpis
{

	font-size: 1.2em;
	padding: 2px 0 2px 28px;
}
#port-kategorie .kategorie-nadpis-a
{
	font-size: 1.2em;
    padding-left: 2px;
}

#port-kategorie a,
#port-kategorie a:active,
#port-kategorie a:visited,
#port-kategorie-a a,
#port-kategorie-a a:active,
#port-kategorie-a a:visited
{
	font-weight: bold;
    text-decoration: none;
	color:#FFF;
}
#port-kategorie a:hover, #port-kategorie-a a:hover
{
    text-decoration: underline;
}
/*-- port-left --*/
#port-left
{
	width: 270px;
	background-color:#cac7c7;
	background-image: url(images/port-backmenu.png);
	background-repeat: repeat-y;
	background-position: left top;

}
#port-left-div
{
	width: 270px;
	overflow: auto;

}
.left-nadpis
{
	font-size: 1.2em;
	font-weight:bold;
	color:#FFF;
	padding: 2px 0 2px 28px;
}
.left-nadpis-a
{

	padding-left: 2px;
	font-size: 1.2em;
	text-decoration: none;
	font-weight:bold;
	color:#FFF;
}
.left-nadpis a, .left-nadpis a:visited, .left-nadpis-a a, .left-nadpis-a a:visited
{
	font-size: 1em;
	text-decoration: none;
	text-align: left;
	color:#FFF;
}
.left-nadpis a:hover, .left-nadpis a:active, .left-nadpis-a a:hover, .left-nadpis-a a:active
{
	text-decoration: underline;
}
/*-- port-data --*/
#port-data
{
    text-align: left;
    vertical-align: top;
    margin:0;
    padding:3px;
    width:404px;
    background-color:#83E700;
    background-image: url(images/port-data.png);
    background-repeat: repeat-x;
    background-position: left top;
}
#port-data #image_big
{
	border: solid 1px #ccc;

}
#port-data .link a
{
	font-weight: bold;
	font-size: 0.85em;
	text-decoration:none;
	padding-right: 16px;
}
#port-data .link a:hover, #port-data .link a:visited
{
	text-decoration: underline;
}
#port-data H2
{
	font-size: 1.4em;
	font-weight: normal;
	padding: 0 0 0 16px;
	margin: 0;
}
/*-- img-menu --*/
#port-table #img_menu
{
	width: 96px;
	height: 200px;
	overflow: auto;
	text-align: center;
	white-space: nowrap;
	padding: 0px;
	margin: 0 auto 0 auto;
}
#port-table #img_menu img
{
	border: 1px solid #000;
	margin: 0px;
	height: auto;
	clear: none;
}
/*---- ----------------------------------- ----*/