/* css reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
	ul, ul li { margin: 0; padding: 0; list-style: none }
	ol li {margin-bottom:10px; }
	blockquote, q {quotes: none;}
	blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
	/* remember to highlight inserts somehow! */
	ins {text-decoration: none;}
	del {text-decoration: line-through;}
	/* tables still need 'cellspacing="0"' in the markup */
	table {border-collapse: collapse;border-spacing: 0;}
	th { text-align: left; }
	input, textarea { font-family: sans-serif; font-size: 100% }
	/* IE stretched buttons fix */
	input.submit {width: 0;overflow:visible;}
	input.submit[class] {width: auto;}
/* css reset end */

/* elements */
body {line-height: 1.4; font-size: 62.5%; font-family: "Arial Narrow", Arial, sans-serif; letter-spacing:1px; background: #191919; margin: 20px 0; color:#4a4a4a }
h1, h2, h3, h4 { font-size: 250%; line-height: 1.1 ; color:#4a4a4a }
h1 { font-size: 160%; color:#4a4a4a}
h2 { font-size: 140%; color:#4a4a4a}
h3 { font-size: 130%; color:#4a4a4a}
h4 { font-size: 120%; color:#4a4a4a}

input {background-color:#e5e5e5;font-size: 85%;font-family: "Arial Narrow", Arial, sans-serif; letter-spacing:1px;color:#4a4a4a}
textarea {background-color:#e5e5e5;font-size: 85%;font-family: "Arial Narrow", Arial, sans-serif; letter-spacing:1px;color:#4a4a4a}

a { color: #001e74 }
a:hover { color: #76a7ca }

/* common classes */
.r { text-align: right !important; }
.fr { float:right; }
.c { text-align: center !important; }
.l { text-align: justify !important; }
.fl { float:left; }
.j { text-align: center; }
.t { vertical-align: top; }
.imgr { float: right; margin: 0 0 20px 20px }
.imgl { float: left; margin: 0 20px 20px 0 }
.imp { color: #bbbb00;  }
.fs120 { font-size:120%; }
.pr10{ padding-right:10px; }
.pl10{ padding-left:10px; }
.pt10{ padding-top:10px; }
.pb10{ padding-bottom:10px; }

/* layout */
#center { background: url(../img/center.png) repeat-y; width: 960px; overflow: hidden; margin: 0 auto; }
#header { height: 370px; background: url(../img/header.jpg) no-repeat; }
#logo, #logo span { float: right; width: 290px; height: 93px; position: relative; left: 0; top: 0; cursor: pointer; }
#logo span { background: url(../img/logo.png); position: absolute; }

#menu { height: 80px; background: url(../img/menu.png) no-repeat; padding: 0 0 0 40px;  }
#menu ul { float: left; }
#menu li { float: left; }
#menu a { float: left; height: 30px; background-position: top left; background-repeat: no-repeat; }
#menu a.selected, #menu a:hover { background-position: bottom left; }
.m1 a { width: 102px; background-image: url(../img/m1.gif);  }
.m2 a { width: 58px; background-image: url(../img/m2.gif);  }
.m3 a { width: 94px; background-image: url(../img/m3.gif);  }
.m4 a { width: 58px; background-image: url(../img/m4.gif);  }
.m5 a { width: 66px; background-image: url(../img/m5.gif);  }
.m6 a { width: 91px; background-image: url(../img/m6.gif); }
.m7 a { width: 80px; background-image: url(../img/m7.gif); }
.m8 a { width: 134px; background-image: url(../img/m8.gif); margin-left:30px}


#section { width: 820px; float: left; font-size: 120%; padding: 0 0 30px 0; margin:-20px 0 0 0 ; }
.article { padding: 0 40px; }
.article h1 { background: url(../img/dotted.gif) repeat-x bottom; padding: 0 0 5px 0; margin: 10px 0 5px 0;  }
.article h2 { background: url(../img/dotted.gif) repeat-x bottom; padding: 10px 0 5px 0; margin: 10px 0 5px 0; overflow:hidden; clear:both;  }
.article p { padding:5px 0; font-size:105% }
.article .text{ text-align:justify; }  
.article div.hr{ background: url(../img/dotted.gif) repeat-x bottom; padding: 0 0 5px 0; margin: 0 0 15px 0; height:3px; border:none; }
.article hr{ display:none}
.photo { clear: both; width: 740px; overflow: hidden; }
.photo li { float: left; padding: 0 33px 0 0; }

.blog { padding-bottom:15px; }
.date{ font-size:80%; }


#googlemap{ width:740px; height:500px; }

table.table td{vertical-align:top;}
table.piloti img{ margin:0 10px 10px 0; }

.odkazy { overflow:hidden; }
.odkazy ul li { float:left;width:245px; text-align:center; }
.odkazy ul li img { margin:20px 0 0 0; } 
.odkazy ul li a { text-decoration:none; font-weight:bold;font-size:120%; }

#aside { width: 140px; float: right;  }
.partners { width: 130px; margin: 0 auto; }
.partners li { padding: 0 0 25px 0; text-align:center; }

#time { float: right; padding: 0 5px 0 0;margin:-20px 0 0 0; }


/* nyroModal */
div#nyroModalFull, div#nyroModalFull h1 {font-size: 12px;color: #fff; font-family: Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif; font-style: normal;}
div#nyroModalFull div#nyroModalLoading {border: 2px solid #94A8CD; width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/nyroloader.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalWrapper {border: 2px solid #94A8CD;background: #fff;padding: 0px}
div#nyroModalFull div#nyroModalWrapper a#closeBut {background: url(../img/nyroclose.gif) no-repeat;position: absolute;display: block;top: -15px;right: -15px;width: 15px;height: 15px;text-indent: -9999em;outline: 0;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0;	position: absolute;	top: -22px;	left: 5px;	font-size: 11px;color: #fff; font-weight: normal;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {left: 0;width: 40%;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {right: 0px;width: 40%;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {background: url(../img/nyroprev.gif) left 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {background: url(../img/nyronext.gif) right 20% no-repeat;}

/* nyroModal - nothing to edit here */
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {outline: none;position: absolute;top: 0;height: 100%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}