@charset 'UTF-8';

/* allflash  */
html,body {
	width: 100%;
	height: 100%;
}

body {
	background: #d0d0d0 url(/images/background/bg.jpg) top left repeat-x;
}


.holder { 
	width:940px;
	background-color:#fff;
	margin:0 auto;
}

.content {
	margin:0 auto;
	background-color:#fff;
	width:860px;
}

.horniCara {
	background-color:#ececec;
	height:7px;
	line-height:1px;
	font-size:1px;
}

.malaCara {
	background-color:#ececec;
	height:4px;
	line-height:1px;
	font-size:1px;
}

.drzakObrazku {
	width:860px;
	height:266px;
	position:relative;
}

.obrazek {
	width:860px;
	height:266px;
	position:absolute;
	top:0px;
	left:0px;
	background: url(/images/background/maintext.jpg) top left no-repeat;
}

.odkazMenu {
	display:block;
	width:140px;
	height:84px;
	float:left;
	margin-right:4px;
	position:relative; /* timhle zaridim aby byly v ose z vys nez predchozi absolutne napozicovany prvky, v nasem pripade .obrazek*/
	margin-top:-30px;/* timhle si vsechny odkazy vytahnu o 30 pixelu nahoru */
	text-align:center;	/*vystredim text uvnitr elementu*/
	line-height:65px;	/* nastaveni odsazeni radku */

	text-decoration:none;
	color:#000000;
	font-weight:bold;
	
}

.odkazMenu span {
	display:block;
	width:140px;
	height:84px;
	position:absolute;
	top:0px;
	left:0px;
}

.posledniOdkaz {
	margin-right:0px;
}

a.nobo span { background: url(/images/menu/nobo.gif) 0 0 no-repeat}
a.nobo:hover span { background: url(/images/menu/nobo-hover.gif) 0 0 no-repeat}

a.stanislav span { background: url(/images/menu/stanislav.gif) 0 0 no-repeat}
a.stanislav:hover span { background: url(/images/menu/stanislav-hover.gif) 0 0 no-repeat}

a.jotul span { background: url(/images/menu/jotul.gif) 0 0 no-repeat}
a.jotul:hover span { background: url(/images/menu/jotul-hover.gif) 0 0 no-repeat}

a.trallnor span { background: url(/images/menu/trallnor.gif) 0 0 no-repeat}
a.trallnor:hover span { background: url(/images/menu/trallnor-hover.gif) 0 0 no-repeat}

a.eurexim span { background: url(/images/menu/eurexim.gif) 0 0 no-repeat}
a.eurexim:hover span { background: url(/images/menu/eurexim-hover.gif) 0 0 no-repeat}

a.ewt span { background: url(/images/menu/ewt.gif) 0 0 no-repeat}
a.ewt:hover span { background: url(/images/menu/ewt-hover.gif) 0 0 no-repeat}

.contentFrame {
	min-height:230px;
	_height:230px;
}

.otevrit {
	display:block;
	width:264px;
	height:51px;
	text-align:center;
	cursor:pointer;
	position:relative;
	line-height:55px;
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size:1.4em;
	background-color:#ececec;
}

.otevrit:hover {

	background-color:#d0d0d0;
}

.otevrit span { 
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:264px;
	height:51px;
	background: url(/images/menu/otevrit.gif) 0 0 no-repeat; 
}

.otevrit:hover span {
	background: url(/images/menu/otevrit-hover.gif) 0 0 no-repeat; 
}

p {
	line-height:1.5em;
	margin-bottom:2em;
}

p.perex { 
	font-family:"Arial Black", arial;
	font-weight:bold;
	font-size:1.2em;
	color:#858585;
	line-height:2em;
	margin-bottom:2em;
}

h2 {

	font-family:"Arial Black", arial;
	font-weight:bold;
	font-size:1.2em;
	color:#858585;
	line-height:1.5em;
	margin-bottom:1em;
}


span.link.black { color:#333333;}
span.link.black a { color:#333333;}

span.link { font-weight:bold;}

span.link a { color:#858585}
span.link a:hover { color:#999999;}
 
table { width:100%; margin-bottom:2em; border-bottom:2px #E9E9E9 solid;}
td, th { padding:5px 10px}
th { font-weight:bold;}
tr.licha { background-color:#E9E9E9;}

ul li { list-style:disc; margin-bottom:10px;}
ul { margin-left:20px;}

ol li { list-style:decimal; margin-bottom:10px;}
ol { margin-left:20px;}

.info {
	float:right;
}

.info a { color:#666666;}

.openHours {
	float: right;
	margin-left: 30px;
	font-size: 11px;
	color: #858585;
}

.openHours .ohDay {
	display: inline-block;
	width: 24px;
	font-weight: bold;
}