/* ENGINE NIGHT PIFIK.COM (c) 2006 Vojtech Schlesinger; webstudio broskev.cz*/
body {
	font-family: Verdana, 'Geneva CE', lucida, sans-serif;
	font-size: 0.78em;
	background: white;
	margin: 0;
	padding: 0;
	background: #F2F2F2;
	color: #4F4F4F;
}
#pifik-com {
	/*max-width:950px;
	width:expression(document.body.clientWidth > 950? "950px": "auto" );*/
}
#top {
	height: 96px;
	background: url(img/top-bck-middle.jpg) repeat-x;
}

#top-left {
	width: 426px;
	height: 96px;
	background: url(img/top-bck-left.jpg) no-repeat top left;
}
h1 {
	margin: 0;
	padding: 0;
}
h1 img {
	width: 154px;
	height: 63px;
	position: absolute;
	top: 14px;
	left: 104px;
	border: 0;
	margin: 0;
	padding: 0;
}
#top-right {
	float: right;
	background: url(img/top-bck-right.jpg);
	width: 264px;
	height: 96px;
}
#top-menu {
	height: 30px;
	text-align: right;
	background: black;
	color: white;
	border-bottom: 4px solid #939393;
}
#top-menu-panel {
	float: left;
	width: 283px;
	height: 30px;
	margin: 0;
	padding: 0;
	background: url(img/top-menu-left.jpg) no-repeat top left;
}

#top-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	height: 30px;
}

#top-menu ul li {
	display: block;
	float: left;
	padding: 0;
	line-height: 30px;
	border-left: 1px dashed #808080;
}


#top-menu ul li a.selected {
		border-bottom: 4px solid #006fca;
		color: #c09239;
}
#top-menu ul li a {
	color: #ffc24c;
	color: #dc950d;
		color: #ffc24c;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	padding: 0 1em 0 1em;
	border-bottom: 4px solid #225075;
}

#top-menu ul li a:hover {
	color: white;
	background: #021545;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	padding: 0 1em 0 1em;
	border-bottom: 4px solid #006fca;
}


#bread-crumbs {
	background: #F3F3F3;
	border-bottom: 1px solid #999999;
	overflow: hidden;
	display: block;
}

#bread-crumbs h2 {
	font-size: 100%;
	padding: 0;
	margin: 0;
	padding: 0.3em 0.5em 0.3em 20px;
}

.spacer {
height: 1px;
border: 0;
	background: #999999;
	width: 100%;
}


#content a, #footer a, #bread-crumbs a, #TB_window a {
	color: #dc950d;
	color: #ff8001;
	font-weight: bold;
	text-decoration: underline;
}

#content a:hover, #footer a:hover, #bread-crumbs a:hover, #TB_window a:hover {
	color: #006FCA;
	font-weight: bold;
	text-decoration: underline;
}



h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0 0 0 15px;
	color: #004278;
	background: url(img/expres-h-arrow.gif) no-repeat 5px;
	font-weight: bold;
}
#left h2 {
	font-size: 140%;
	margin-top: 0.5em;
	text-align: left;
}
#right h2 {
	margin-top: 0.5em;
	text-align: left;
	font-size: 130%;
}
h2 span, h3 span, h4 span {
	color: #ff8001;

}
/************************
CONTENT
****************/
#content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#content li {
	background: url(img/li-bck.gif) no-repeat 3px;
	margin: 0.2em 0 0 9px;
	padding: 0 0 0 19px;
}
#content img {
	border: 1px solid #999999;
	margin: 0.2em;
}
.pif-image {
	width: 98px; 
	height: 74px;

}

#content {
	margin:0; padding:0;
	background: url(img/right-bck.gif) repeat-y top right;
	background: #F5F5F5 url(img/expres-bck.gif) repeat-y top left;
	border-bottom: 3px solid #999999;
}

#content2 {
		background: url(img/right-bck.gif) repeat-y top right;
}

#left {
	float: left;
	width: 125px;
	margin: 0;
	padding: 0;
	/*background: url(img/expres-bck.gif) repeat-y top left;*/
	text-align: center;
}
#left .content-in {

	padding: 0.5em;
	font-size: 82%;
}
#right .content-in {
	/*padding: 0.7em;*/
	margin: 0 0 0 1em;
	padding: 0.5em;
	padding: 0;
	font-size: 90%;
	
}
#right {
	float:right;
	width:220px;
	margin:0; padding:0;
	text-align: center;
}
#right ul {
	text-align: left;
}
#middle {
	margin:0 220px 0 125px;
	background: white;
	background: #f5f5f5 url(img/middle-bck);
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
#middle-text {
	padding: 1em;
}

.errors {
	color: red;
	font-weight: bold;
}
.notices {
	color: #006FCA;
}

#footer {
	font-size: 90%;
	color: #999999;
	padding: 0.5em;
}



/********************
FORMATOVANI OBSAHU
*********************/
.blog-text {
	border: 1px solid #CACACA;
	margin-bottom: 2em;
}
.blog-date {
	text-align: right;
	color: #BEB0BE;
	width: auto;
}
.blog-date span {
border: 1px solid #CACACA;
border-right: 0;
}
.blog-content {
	padding: 0 0.5em 0.5em 0.5em;
}
.blog-categories {
	padding: 0.5em;
}
.blog-info {
	padding: 0.5em;
}
/**
KOMENTAR
***/
.komentar {
	border: 1px solid #CACACA;
	margin-bottom: 2em;
	padding: 0 0 0.5em 0.5em;
}

.komentar-gravatar {
	width: 80px;
	height: 80px;
	border: 1px solid #CACACA;
	float: right;
}
.komentar-text {
	margin-right: 90px;
}
.komentar h4 {
	font-size: 120%;
	margin: 0.5em 0 0 0;
	padding: 0;
}


/**
FORMULARE
**/

.submit {
	background:url("img/sipka3.gif") top left no-repeat; 
	width: 30px;
	height: 30px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
input {
	background:url("img/sipka22.gif") top left no-repeat; 
	border: 1px solid #CACACA;
}
textarea {
	background:url("img/sipka23.gif") bottom right no-repeat; 
	border: 1px solid #CACACA;
}
input.xs 					{ width: 3em; }
input.s 					{ width: 4em; }
input.m 					{ width: 8em; }
input.l 					{ width: 12em; }
input.xl, select.xl			{ width: 15em; }
input.xxl 					{ width: 20em; }
input.xxxl 					{ width: 25em; }
textarea.m 					{ width: 230px; height: 15em; }
textarea.s					{ width: 20em;  height: 5em; }
textarea.l					{ width: 20em;  height: 10em; }
textarea.xl					{ width: 25em;  height: 10em; }
textarea.xxl					{ width: 35em;  height: 10em; }
textarea.xxxl					{ width: 25em;  height: 30em; }

.alignRight {
text-align: right;
}
.povine {
font-weight: bold;
}


/*****************
FOTOGALERIE
***************/
.card {
	float: left;
	width: 120px;
	margin: 15px 15px 0 0;
	margin: 0 15px 15px 0;
	padding: 10px 0;
	text-align: center;
	background: #FAF8F8;
	border: 1px solid #F0F0F0;
	font-size: 70%;
	}

.card-photo {
	margin:0 auto; padding:0;
	border: none;
	}
.card-img {
		border: 1px solid #666;
}
.card-desc {
	margin: 5px 15px; padding:0;
	text-align: left;
}


/*****************************
LIGHTBOX
*****************************/
#contentPad{
margin:20px;
}

#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:10px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_ajaxContent{
	padding:2px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent  {
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
}
.border0 {
	border: 0;
}

.pifuv-domecek {
background: #EEEEEE; 
width: 205px; 
padding: 0 0 1em 0; 
color: #001A2F;
}


/**
GOOGLE ADSENSE
**/

#adsense-top {
	margin: 0 0 1em 0;
}
#adsense-bottom {
margin: 1em;	
}