@charset "iso-8859-2";
/* CSS Document */

/*-----------------------------------------------------------*\
	HTML
\*-----------------------------------------------------------*/


a { color: #00558d; }
a:hover { }
body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00558d; background: transparent url(../img/background.png) top repeat-x; background-color: #ffffff; border-top: 6px #d88302 solid;}
h1 { color: #e68900; font-size: 20px; }
h2 { color: #e68900; font-size: 13px; }
h2 a {text-decoration: none; font-size: 12px; }
.box h2 { text-transform: uppercase; margin: 8px 0; }
img { border: none; }


/*-----------------------------------------------------------*\
	IDs
\*-----------------------------------------------------------*/


#page {background: transparent url(../img/q3.png) top left no-repeat;}
#pageHomepage {background: transparent url(../img/q3-11.png) top left no-repeat;}
#head { height: 120px; }
#logo { left: 62px; top: 15px; width: 159px; height: 90px; display:block; background: transparent url(../img/logo.png) center no-repeat; }
#topmenu { left: 60px; width: 235px; height: 23px; background: transparent url(../img/topmenu-bg-leto.png); text-align: center; color: white; }
#topmenu a {color: white; font-size: 10px; text-decoration: none; line-height: 18px; }
#topmenu a:hover { text-decoration: underline; }
#mailing { top: 0; right: 20px; width: 263px; height: 102px; background: transparent url(../img/mailing-bg.png); }
#mailing #mailing-email { border: none; top: 59px; left: 25px; width: 146px; }
#mailing #mailing-text { top: 16px; left: 25px; width: 145px; font-size: 9px; color: #4d88af; }
#mailing input#mailing-odeslat { top: 59px; left: 180px; background: transparent url(../img/mailing-odeslat.png) top left no-repeat; width: 61px; height: 22px; border: 0px; text-indent: -2000px; line-height: 0px; cursor: pointer; cursor: hand; }
#navigace { top: 80px; left: 300px; color: #70afd7; }
#navigace a { color: #70afd7; }
#foot { height: 46px; background: transparent url(../img/foot-bg-leto.png) center no-repeat; font-size: 10px; color: #ffffff; }
#foot a { color: #ffffff; text-decoration: none; }
#foot a:hover { text-decoration: underline; }
#foot #copyright { line-height: 80px; margin-left: 20px; line-height: 46px; }
#foot #sitemap { line-height: 80px; float: right; margin-right: 20px; line-height: 46px; }
#body {}
#leftPanel { width: 290px; float:left; overflow: hidden; }
#content { left:0; padding: 10px; overflow: hidden; width: 646px; }
#content .box { padding: 0 6px; border-top: 1px solid #FFCAA1; margin: 10px 0; overflow: hidden; }
#content .noBorder { border: none; }
#contentHomepage { padding: 10px; padding-top: 330px; padding-right: 220px; overflow: hidden; width: 430px; }
#anotaceHomepage { top: 160px; right: 80px; width: 280px; font-size: 16px; font-weight: bold; text-align:center; }
#box1 { width:228px; font-size: 11px; margin:auto; background-color: #ffffff; border-left: 1px #70afd7 solid; border-right: 1px #70afd7 solid; padding: 6px 13px; }
#box2 { width:228px; font-size: 11px; margin:auto; background-color: #ffffff; border-left: 1px #70afd7 solid; border-right: 1px #70afd7 solid; padding: 13px; }
#aktualityTop { width:256px; height:40px; background: transparent url(../img/aktuality/aktualityBgTop.png) left bottom no-repeat; margin:auto; margin-top: 20px; color: white; font-weight: bold; }
#aktualityTop #bookmark1 { position: absolute; top: 8px; left: 16px; width: 94px; color: #bbd9ec; text-decoration: none; }
#aktualityTop #bookmark2 { position: absolute; top: 8px; left: 130px; width: 112px; color: #bbd9ec; text-decoration: none; }
#aktualityTop .selected { color: white !important; }
#aktualityBottom { width:256px; height:22px; background: transparent url(../img/aktuality/aktualityBgBottom.png) left bottom no-repeat; margin:auto; margin-bottom: 20px; }
#sprateleneWeby { margin-top: 20px; margin-bottom: 10px; height: 41px;}
#sprateleneWeby #club35 { left: 170px; width:44px; height: 41px; background: transparent url(../img/logo-35-club.png) center center no-repeat; }
#sprateleneWeby #quatroReality { left: 70px; width:73px; height: 34px; background: transparent url(../img/logo-quatro-reality.png) center center no-repeat; }
#selfPromo { display: none; top: 450px; right: 20px; width:180px; height: 190px; background: transparent url(../img/selfPromo.png) center center no-repeat; }
#kc { top: 450px; right: 20px; width:180px; height: 190px; background: transparent url(../img/5kc.png) center center no-repeat; }
#promoBanner { top: 650px; right: 20px; width:180px; }
#promoBannerTop { width:180px; height: 8px; background: transparent url(../img/banner/bannerBgTop.png) center center no-repeat; }
#promoBannerCenter { font-size: 10px; padding: 0 8px; width: 164px; background-color: #f0f6fa;}
#promoBannerBottom { width:180px; height: 8px; background: transparent url(../img/banner/bannerBgBottom.png) center center no-repeat; }

#popup { font-size: 12px; }
#popup table { width: 100%; }
#popup table input { width: 275px; margin: 2px 0; }
#popup table textarea { width: 590px; height: 120px; }
#popup input#odeslat { background: transparent url(../img/odeslat.png) top left no-repeat; width: 97px; height: 27px; border: 0px; text-indent: -2000px; line-height: 0px; cursor: pointer; cursor: hand; }
#nejpouzivanejsi { width: 320px; float: right; overflow: hidden; }
.proObchodniky h1 { margin-top: 20px; font-size: 14px; text-transform:uppercase; }
/*-----------------------------------------------------------*\
	CLASSes
\*-----------------------------------------------------------*/

.sprateleneWebyHomepage {
    position: absolute;
    left:700px;
    top:400px;
}

/* global.positions */
.absPos { position: absolute !important; }
.relPos { position: relative !important; }
.posTop { top: 0px !important; }
.posRight { right: 0px !important; }
.posBottom { bottom: 0px !important; }
.posLeft { left: 0px !important; }

/* global.alignment */
.textLeft { text-align: left; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textJustify { text-align: justify; }
.textTop { vertical-align: top; }
.textMiddle { vertical-align: middle; }
.centered { margin-left: auto !important; margin-right: auto !important; }

/* global.floating */
.floatLeft { float: left !important; }
.floatRight { float: right !important; }
.floatEnd { clear: both !important; }

/* global.decoration */
.textBold { font-weight: bold; }
.textItalic { font-style: italic; }
.textUnderline { text-decoration: underline; }

/* other */
.layout { width: 960px; overflow: hidden; }
.hidden { display: none;}
.jaro { background: transparent url(../img/jaro.png) top left no-repeat; }
.podzim { background: transparent url(../img/podzim.png) top left no-repeat; }
.vetsiPismo { font-size: 140%; }

/* aktuality */
.aktualita { border-bottom: 1px #e5e6e7 solid; padding: 10px 0; }
.aktualita .aktualita-datum { width: 32px; margin: 0 0; background-color: #e5e6e7; text-align: center; padding: 3px; color: #7b8386; }
.aktualita .aktualita-datum .aktualita-den { font-size: 12px; font-weight: bold; }
.aktualita .aktualita-datum .aktualita-mesic { font-size: 12px; font-weight: bold; }
.aktualita .aktualita-datum .aktualita-rok { font-size: 8px; }
.aktualita .aktualita-text { width: 180px; margin-left: 10px }
.aktualita .aktualita-text a { color: #e68900; }
.aktuality-vse { font-size: 9px; }


/* the overlayed element */
div.overlay {

	/* growing background image */
	background-image:url(../img/popup.png);

	/* dimensions after the growing animation finishes  */
	width:620px;
	height:410px;

	/* initially overlay is hidden */
	display:none;

	/* some padding to layout nested elements nicely  */
	padding: 50px;
	padding-top: 35px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-20px;
	top:-20px;
	cursor:pointer;
	height:35px;
	width:35px;
}