/* CSS Document */

* {font-family:Georgia, "Times New Roman", Times, serif}
html{
	margin:0px;
	padding:0px;
	}
body{
	background-color: #5c5c5c;
	background-image: url(images/default.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}

#dokument {
margin: 0px 0px 0px -375px;
width: 750px;
position: absolute;
left: 50%;
}



#menu{
width:750px;
height:30px;
float:left;
padding: 0px 45px 0px 45px;

}

#menu a{ color: #ffffff; text-decoration: none; font-weight:bold; font-size:20px; width:158px; height:25px; display:block;}
.butt { color: #ffffff; text-decoration: underline; font-weight:bold; font-size:14px; display:block;}
.pro_butt { display:block; margin-top:50px;}
.pro_butt a.butt{ color: #ffffff; text-decoration: underline; font-weight:bold; font-size:18px; display:block;}

.pro_butt a.butt:visited{ color: #fff; text-decoration: underline;}

#menu ul{ list-style:none; float:left; margin:0px; padding:0px;}
#menu li{ float:left; border:1px #c8c8c8 solid; width:158px; height:25px; text-align:center; padding-top:3px;}
#menu li.c{background-color:#af6969; margin: 0px 0px 0px 5px;}
#menu li.m{background-color:#7792af; margin: 0px 0px 0px 5px;}
#menu li.o{background-color:#ebbb5e; margin: 0px 0px 0px 0px;}
#menu li.z{background-color:#a2af69; margin: 0px 0px 0px 5px;}
#menu li:hover{background-color:#838383;}

#obsah{
margin-top:-1px;
padding: 50px 45px 50px 45px;
width:658px;
height:400px;
border:1px #fff solid;
float:left;
background-color:#c8c8c8;
font-size:14px;
color:#FFFFFF;
}

#obsah.uvod{
padding: 20px 45px 50px 45px;
}

.pohyb{
color:#af6969;
display:block;
text-decoration:none;
}

marquee{
font-size:14px;
color:#c04b4b;
font-weight:bold;
padding-bottom:10px;
text-decoration:none;
}
#obsah2{
margin-top:-1px;
padding: 50px 45px 0px 45px;
width:658px;
border:1px #fff solid;
float:left;
background-color:#c8c8c8;
font-size:14px;
color:#FFFFFF;
}

#obsah .obr a{ width:158px; display:block; height:400px;}

#obsah .obr{ list-style:none; float:left; margin:0px; padding:0px;}
#obsah .obr li{ float:left; border:1px #c8c8c8 solid; height:400px; text-align:center; padding-top:0px;}
#obsah .obr li.o{background-image: url(images/o.jpg); margin: 0px;}
#obsah .obr li.o a{background-image: url(images/o1.jpg);}
#obsah .obr li.m{background-image: url(images/m.jpg); margin: 0px 0px 0px 5px;}
#obsah .obr li.m a{background-image: url(images/m1.jpg);}
#obsah .obr li.c{background-image: url(images/c.jpg); margin: 0px 0px 0px 5px;}
#obsah .obr li.c a{background-image: url(images/c1.jpg);}
#obsah .obr li.z{background-image: url(images/z.jpg); margin: 0px 0px 0px 5px;}
#obsah .obr li.z a{background-image: url(images/z1.jpg);}
#obsah .obr img{float:left; margin:0px;}


ul.kontakt, ul.akcia{list-style:none; color:#fff; margin:Opx; padding:0px;}
.kontakt li, ul.akcia li{clear:both; border:none; font-family:Arial, Helvetica, sans-serif;}
ul.akcia strong.akcia{ font-family:Arial, Helvetica, sans-serif;}
.akcia li.akcia{list-style:none; }
.akcia li.akciau{list-style:none; text-decoration:underline;}
ul.akcia {list-style:circle;}
.kontakt li strong{text-decoration:underline;}

h1{font-size:24px; float:left; padding:5px;}
.profil{color:#5380b0;}
.portfolio{color:#af6969;}
.kontakt{color:#a2af69;}
.akcia{color:#fff;}



.left{padding: 0px; background-color:#acacac; float:left; margin-right:20px; width:158px;}
.right{width:480px; padding: 5px 0px 20px 0px; float:right;}

.boxm{width:450px; height:300px; background-color:#7792af; float:right;padding: 15px 10px 20px 20px;}
.boxc{width:450px; background-color:#af6969; float:right;padding: 15px 15px 20px 15px;}
.boxcc{padding:0px; float:left; margin-right:20px; width:143px;}
.boxz{width:450px; height:310px; background-color:#a2af69; float:right;padding: 5px 10px 20px 20px;}
.boxa{width:450px; height:310px; background-color:#555; float:right;padding: 5px 10px 20px 20px;}

.boxcc ul{padding: 0px; margin-left:20px; color:
#FFFFFF;}
.boxcc li a{color:#fff; text-decoration:none;}
.boxcc li a:hover{color:#fff; text-decoration:underline;}
.boxcc li a:visited{color:#ccc; text-decoration:none;}

.ui-helper-reset {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 line-height: 1.3;
 text-decoration: none;
 font-size: 100%;
 list-style: none;
 }
 
 #pata{
 color:#FFFFFF;
 padding:2px,5px;
 font-size:12px;
}
.ui-widget { font-family: Segoe UI, Arial, sans-serif; font-size: 1.1em; }

.ui-state-active, .ui-widget-content .ui-state-active {
 border: 1px solid #c8c8c8;
 background: #af6969; 
 font-weight: bold; 
 color: #fff; 
 outline: none; 
 height:20px;
 }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; outline: none; text-decoration: none; }

.ui-state-default, .ui-widget-content .ui-state-default {
 background: #834f4f; 
 font-weight: bold; 
 color: #fff; 
 outline: none; 
 height:20px;
 }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #eeeeee; text-decoration: none; outline: none; }

.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }

.ui-widget-content {  background: #333333 url(images/ui-bg_flat_25_333333_40x100.png) 50% 50% repeat-x; color: #ffffff; }
.ui-widget-content a { color: #ffffff; }

.ui-accordion { float:left;}
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px;}
.ui-accordion .ui-accordion-li-fix { display: inline; height: 20px;}
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important;}
.ui-accordion .ui-accordion-header a { display: block; font-size: 14px; padding: 2px 3px 1px 20px; color:#fff;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 5px; top: 50%; margin-top: -8px;}
.ui-accordion .ui-accordion-content { padding: 5px 10px; border: 1px solid #c8c8c8; margin-top: -2px; position: relative; top: 1px; margin-bottom: 0px; overflow: none; display: none; background-color:#af6969; width:100%;}
.ui-accordion .ui-accordion-content-active { display: block; width:460px;}

a.firm{font-size:16px; color:#af6969; font-weight:bold; margin:0px; float:right; text-decoration:none; margin-top:50px; padding:2px;}
a.firm:hover {text-decoration:underline;}

.thumbs {text-decoration:none; list-style:none; padding:0px; margin:0px; width:450px; margin-top:20px; float:left; display:block;}
.thumbs li{float:left; color:#FFFFFF; margin:5px;}
.thumbs li a{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin:2px; padding-top:6px; border:1px #CCCCCC solid; width: 24px; height:20px; display:block; text-decoration:none; text-align:center; background: #af6969;}

	/* portfolio */

	
	div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 450px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #fff;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}


div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 450px;
	height: 300px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 1px solid #ccc;
}
div.download {
	float: right;
}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
}
span.image-caption {
	display: block;
	position: absolute;
	width: 450px;
	top: 0;
	left: 0;
}
div.caption {
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	display:block;
	margin: 0;
	padding: 0;
}

a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #a21f20;
}
a.thumb:focus {
	outline: none;
}

div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #a21f20;
	border-color: #a21f20;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

/* ---------->>> jtip <<<---------------------------------------------------------------*/
#jj{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.jTip{
cursor:help;
color:#FFFFFF;
text-decoration:none;
}