/*
  Web: Janak bros. spol. s r. o. (www.janakbros.cz)
  Author: Lukas Maixner, icontact.cz, http://icontact.cz
*/
* {margin:0; padding:0;}
html, body {height:100%; color:#333;}
body {background:url("../img/bg.jpg") top left repeat-x fixed #fff; text-align:center; font-family:sans-serif; font-size:0.7em; line-height:150%}
h2 {color:#069; font-weight:normal; letter-spacing:-1px; font-size:180%; margin:0 0 5px 0}
strong {color:#069}
img, fieldset {border:0}

form {width:100%}
label, input, textarea {display:block; float:left; width:200px; border:1px solid #069; margin-bottom:5px; color:#000; font-family:sans-serif; font-size:100%}
label {width:70px; border:0; background:none}
label.req {font-weight:bold; color:#069}
input.short {width:100px}
input.xshort {width:30px}
label.fail {color:#f33; font-weight:bold}
label.long {width:240px}
textarea.fail, input.fail {border:1px solid #f33 !important}
input.hidden {display:none}
textarea {width:300px}
input#submit {width:90px; float:right; margin-right:18px; _margin-right:10px; background:#def; color:#069; font-weight:bold; cursor:pointer}
input#add {float:left}
kbd {font-size:110%}

br.clear, form br {clear:both}
label span {border-bottom:1px dashed #000; cursor:help}
a.skipmenu {position:absolute; top:0; left:-10000px; padding:5px}
a.skipmenu:focus, a.skipmenu:active {left:0; background:#f00; color:#fff}
.invisible {position:absolute; top:-10000px; left:0; height:1px; overflow:hidden}
.noborder {border:none !important}
.relat {position:relative !important}
.c {text-align:center}
.left {text-align:left !important}
.center {text-align:center !important}
.hot h2, .hot a, h2.hot, .hot strong {color:#f33}
div.first {margin-top:0 !important}

/* backgrounds */
body#hu {background-image:url("../img/bg-hu.jpg")}
body#ph {background-image: none; background-color: #000;}
body#be {background-image:url("../img/bg-be.jpg")}
body#bo {background-image:url("../img/bg-bo.jpg")}
body#sk {background-image:url("../img/bg-sk.jpg")}
body#bu {background-image:url("../img/bg-bu.jpg")}
body#so {background-image:url("../img/bg-so.jpg")}
body#cr {background-image:url("../img/bg-cr.jpg")}
body#noflash {background:url("../img/noflash.png") top center no-repeat fixed #000!important;}

/* fonts*/
input, select, textarea, table, p, #text {font-family:Tahoma, "Lucida Grande CE", lucida, sans-serif}
h2, h4, #submenu {font-family:Verdana, "Geneva CE", lucida, sans-serif}
h3 {font-size:12px}
#text h4 {font-size:140%; margin:0; letter-spacing:0}

/* anchors */
a, .likea {color:#069; font-weight:bold; text-decoration:underline; cursor:pointer}
a:hover {text-decoration:none}
#left a, #right a {text-decoration:none}
#left a:hover, #right a:hover {text-decoration:underline}
#footer a {color:#000; font-weight:normal; line-height:19px}
.left a {text-decoration:underline !important}
.left a:hover{text-decoration:none !important}

/* layout */
#page {width:786px; _width:770px; position: absolute; top: 0; left: 50%; margin-left: -393px;}
#main {width:750px; background:#fff; margin:auto; text-align:left; min-height:900px; _height:900px; position:relative}
#header {height:199px}
#menu {height:108px; padding-left:4px; background:url("../img/menubg.png"); list-style-type:none}
#cols {background:url("../img/cols.png") top no-repeat; padding:30px 0}
#left, #text, #right {float:left}
#left {width:170px; margin-top:-1px}
#text {width:390px; font-size:110%; margin:0 10px}
#right {width:169px; border-left:1px solid #ccc}
.clear {clear:both; height:100px; border:none; color:#fff}
#footer {position:absolute; bottom:0; left:0; width:720px; height:20px; padding:0 15px; background:#ccc; _width:750px}

/* header */
#header h1 {display:block; position:relative; height:199px}
#header span {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url("../img/header.jpg"); z-index:1}

/* headers */
body#bo #header h1 span {background:url("../img/head-bo.jpg")}
body#bu #header h1 span {background:url("../img/head-bu.jpg")}
body#hu #header h1 span {background:url("../img/head-hu.jpg")}
body#sk #header h1 span {background:url("../img/head-sk.jpg")}
body#so #header h1 span {background:url("../img/head-so.jpg")}

/* main menu */
#menu li {display:block; position:relative; float:left; height:108px; _overflow:hidden; overflow:visible; margin:0 9px 0 9px}
#menu span {display:block; position:absolute; top:0; left:0; height:108px; background:url("../img/menu-2009-05.png"); z-index:1; _cursor:pointer}
li#husa, #husa span {width:59px; background-position:-9px -108px}
li#phplus, #phplus span {width:54px; background-position:-68px -108px}
li#bohemia, #bohemia span {width:110px; background-position:-122px -108px}
li#skybar, #skybar span {width:116px; background-position:-232px -108px}
li#budvar, #budvar span {width:103px; background-position:-348px -108px}
li#sokol, #sokol span {width:95px; background-position:-451px -108px}
li#cross, #cross span {width:97px; background-position:-546px -108px}
li#beseda, #beseda span {width:93px; background-position:-643px -108px; margin-right:0 !important}

#menu span, #menu li {_behavior:url("http://www.janakbros.cz/template/classic/css/hover.htc")}
#husa span.hover {_background-position:-9px 0}
#phplus span.hover {_background-position:-68px 0}
#bohemia span.hover {_background-position:-122px 0}
#skybar span.hover {_background-position:-232px 0}
#budvar span.hover {_background-position:-348px 0}
#sokol span.hover {_background-position:-451px 0}
#cross span.hover {_background-position:-546px 0}
#beseda span.hover {_background-position:-643px 0}

#husa span:hover, #husa span.active {background-position:-9px 0}
#phplus span:hover, #phplus span.active {background-position:-68px 0}
#bohemia span:hover, #bohemia span.active {background-position:-122px 0}
#skybar span:hover, #skybar span.active {background-position:-232px 0}
#budvar span:hover, #budvar span.active {background-position:-348px 0}
#sokol span:hover, #sokol span.active {background-position:-451px 0}
#cross span:hover, #cross span.active {background-position:-546px 0}
#beseda span:hover, #beseda span.active {background-position:-643px 0}

/* pop-up menu */
ul#popup-husa, ul#popup-cross {display:none; position:absolute; top:270px; left:10px; width:100px; z-index:2; list-style-type:none}
ul#popup-husa li, ul#popup-cross li {float:none; height:15px; margin:1px; padding:2px; border:1px solid #ccc; background:#fff}
ul#popup-husa li a, ul#popup-cross li a {display:block; width:100%; height:100%; text-decoration:none;}
ul#popup-husa li a:hover, ul#popup-cross li a:hover {color:#f33}
ul#popup-cross  {left:555px}

/* footer */
#footer p {float:left; width:220px}
#webdes {float:right; text-align:right;}
#footnav {text-align:center;width:280px!important;}

/* submenu */
#submenu {list-style-type:none; font-size:120%; margin-bottom:15px}
#submenu li {position:relative; height:23px; margin:2px 0; line-height:24px; _margin:0; _line-height:23px}
#submenu a {display:block; width:150px; height:100%; padding-left:20px; position:absolute; top:0; left:0; background:url("../img/submenu.png") left repeat-y; color:#393939; text-decoration:none; letter-spacing:-1px; _width:170px}
#submenu a:hover {background:url("../img/submenu.png") right repeat-y; color:#f33; text-decoration:none}
#submenu a.active {background:url("../img/submenu.png") center repeat-y; color:#069 !important}

/* sub-submenu */
li#hasmenu {height:auto; }
li#hasmenu a {height:23px}
#submenu2 {position:static; margin-left:13px; padding-top:21px; background:#fff; list-style-type:none; _padding-top:0}
#submenu2 li, #submenu2 a {position:static; width:137px; height:14px; padding-bottom:5px; background:#ddd; font-size:90%; _width:157px; _padding-bottom:0}
#submenu2 a:hover, #submenu2 a.active {background:#eee}
#submenu2 a {padding-left: 8px!important; width: 149px;}
/* left column */
#left div {margin:15px 0; border:1px solid #ccc; border-left:none; text-align:center}
#left h2 {margin-top:2px; padding:5px 0 5px 30px; background:url("../img/banleft.png") repeat-y; text-align:left}
#left p {padding:0 8px 8px 8px; line-height:130%; text-align:center}

/* main text column */
#text h2 {margin-bottom:15px; color:#069; font-weight:normal; font-size:160%; letter-spacing:-1px}
#text h3 {margin:15px 0; color:#069; font-size:120%}
#text h4 {margin:15px 0; color:#069; font-size:110%}
#text img {border:3px solid #ccc; margin-right:10px}
#text img.fl, #text img.fr {float:left; margin:5px 10px 5px 0}
#text img.fr {float:right; margin:5px 0 5px 10px}
#text p {margin:16px 0}
#bread a {font-weight:normal}
p#bread {font-size:90%; margin:2px 0 10px 0}
#text table.j {border-collapse:collapse; width:100%; font-size:105%}
#text table.j td {font-weight:bold !important; width:70%}
#text table.j td.r {text-align:right; vertical-align:top; width:15% }
#text table.j td.s {font-size:85%; font-weight:normal !important; padding-bottom:5px}
#text p.cool, #text div.cool, #text p#prevnext {background:#def; border:2px solid #069; padding:10px; color:#069}
#text p.hot, #text div.hot {background:#fcc; border:2px solid #f33; padding:10px; color:#f33}
#text div.cool {width:365px; _width:390px;}
#text div.adr {float:left; width:60%}
#text div.open {float:left; width:40%}
#text p#prevnext {text-align:center}
#text p.resp {margin-left:30px}
#text p.past, #text p.new {float:left; width:150px; margin:0}
#text p.new {width:200px}
#text hr.info {margin-top:10px !important}
#text hr {border:0; height:1px; border-bottom:1px solid #ccc}
#text div#photocont {position:absolute; top:300px; left:0; width:750px; visibility:hidden; border:1px solid #ccc; background:#fff; text-align:center; z-index:2}
#text img#photo {cursor:pointer}
#text ul, #text ol {margin-left:30px}
#text .foto img {width:100px; height:66px;}
#text p#print {font-size:80%; text-align:right}
#text table.dm td {font-weight:normal !important}
#text p.dm  {text-align:right; margin:0px; font-size:80%}
#popwin {position:absolute; top:80px; left:0; width:350px; margin:10px; border:1px solid #069; padding:10px; z-index:3; visibility:hidden; background:#fff; _width:370px}
#popBohemia {position:absolute; top:0px; left:-90px; width:530px; margin:10px; border:1px solid #069; padding:100px 20px 20px 20px; z-index:3; visibility:hidden; background:url("../img/take-away.gif") center 10px no-repeat #FFF; }
#popBohemia2 {position:absolute; top:0px; left:-90px; width:530px; margin:10px; border:1px solid #069; padding:100px 20px 20px 20px; z-index:3; visibility:hidden; background:url("../img/take-away.gif") center 10px no-repeat #FFF; }
#popBohemia h2,#popBohemia2 h2 {
	text-align: center;
	}
#popBohemia label,#popBohemia2 label {
	font-weight: normal;
	}
#popBohemia table td,#popBohemia2 table td {
	vertical-align: top;
	padding: 3px 0;
	}
#popBohemia table,#popBohemia2 table {
	font-weight: bold;
	}
#popBohemia #submit,#popBohemia2 #submit {
	width: auto;
	background: #08acf1;
	border: 1px solid #006699;
	color: #FFF;
	margin-top: 7px;
	padding: 3px 5px;
	}
#pocet {
	width: 30px;
	text-align: center;
	}
.close {
	position: absolute;
	top: 10px;
	right: 10px;
	}
.rozklik {cursor:pointer}

/* right column*/
#right h2 {margin:0 0 5px 5px}
#right div {width:150px; margin:2px 0 25px 8px; padding-bottom:3px; border:1px solid #ccc; text-align:center; line-height:100%}
#right div#archive {border:0}
#right img {padding:5px; _margin:5px}
#right table {border-collapse:collapse; text-align:center; color:#fff; font-size:80%; margin:0 10px}
#right table a {color:#fff}
#right th {background:#666; width:19px; border:2px solid #fff; _height:19px}
#right td {background:#999; border:2px solid #fff; _height:19px}
#right td#today {background:#f33}
#right td a {color:#fff}
#right td a:hover {text-decoration:overline underline}
#right p.left {margin:0 6px 4px 6px; line-height:150%}
#calenarMonth div {width:95px; border:none; margin:0; padding:0}

.ccstyle h3, .ccstyle a, .ccstyle strong {color:#982632 !important}
.ram {border:1px solid #069; padding:5px; margin-bottom:15px}
.ccstyle .ram {border:1px solid #982632}

.smaller {font-size:80%}
#blog h3 {margin-bottom:0}
#blog p.info {margin:5px 0 -10px 0}
#comments {display:none}
.partneri img, .partneri a {border: none!important; display: inline-block;}
.partneri a {margin-bottom: 10px;}
strong.pismeno {
	float: left;
	font-size: 120%;
	padding: 0 10px 10px 0;
	}
.nextday {
	float: right;
	}
.prevday {
	float: right;
	}
#take-away {
	padding: 10px 0 10px 56px;
	background: url("../img/take-away-mini.gif") left center no-repeat;
	display: block;
	margin-bottom: 5px;
	}