*{margin:0;padding:0;}
body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object{border:0;}
ul, ol{list-style-type:none;}
html{background:#00366d url('./img/bg.jpg') repeat-x;}
body{padding:0;font:normal 75%/1 Arial, sans-serif;color:#3d3d3d;width:844px;position:relative;margin:0 auto;background:#fff url('./img/header.jpg') no-repeat 0 69px;}



/* links -------------------------------------------------------------------- */
a,.mm{color:#3d3d3d;text-decoration:underline;}
a:link,.mm{color:#3d3d3d;color:#0051A3;}
a:hover,.mm:hover{color:#000;text-decoration:none;}


/* H1 - H5 ------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6{margin:15px 0 15px 0;}
h1{font-size:1.4em;margin:0 0 0;padding:0 10px 10px 20px;color:#414142;border-bottom:1px solid #ccc;}
h2{font-size:1.2em;margin:15px 0 10px;color:#3d3d3d;}
h3{font-size:1.0em;margin:15px 0 5px 0;color:#005e7c;}
h4{font-size:1.0em;}
.content2 h1{margin-left:-20px;margin-top:-20px;}


/* header ------------------------------------------------------------------- */
.header strong{margin:0;font-size:1.2em;}
.header strong a{display:block;color:#fff;width:844px;height:69px;line-height:69px;font-size:1.6em;position:relative;}
.header strong a span{width:844px;height:69px;display:block;cursor:pointer;position:absolute;top:0;left:0;background:url('./img/logo.jpg') no-repeat;}
.header strong a span span{display:none;}
ul#qnav{position:absolute;top:100px;left:844px;line-height:29px;background:url('./img/quicknav.jpg') no-repeat;height:92px;}
ul#qnav li a{display:block;padding:0 0 0 35px;color:#00366d;text-decoration:none;width:80px;}
ul#qnav li a:hover{color:#fff;}
ul#qnav li#home a{background:url('./img/ico-home.gif') no-repeat 7px 9px;}
ul#qnav li#contact a{background:url('./img/ico-kontakt.gif') no-repeat 7px 12px;}
ul#qnav li#sitemap a{background:url('./img/ico-sitemap.gif') no-repeat 7px 11px;position:relative;top:2px;}


/* navigation --------------------------------------------------------------- */
#nav ul{padding:10px 0 0 0;width:280px;}
#nav ul li{border-bottom:1px solid #00366d;}
#nav ul li a{font-style:italic;height:26px;line-height:26px;display:block;font-size:1.1em;text-decoration:none;color:#fff;}
#nav ul li a span{padding:0 15px;color:#7197bf;}
#nav ul li a:hover{color:#68a5e3;text-decoration:none;}
#nav ul li a:hover span{color:#fff;}
#nav ul li.selected a{text-decoration:none;color:#68a5e3;}
#nav ul li a.selected{color:#fff;background:url('./img/nav-hover.jpg') no-repeat;}
#nav ul li.selected a:hover{color:#fff;text-decoration:none;}
#navigation{background:#01274e url('./img/nav-end.jpg') no-repeat right top;min-width:440px;width:auto;float:left;height:43px;line-height:60px;overflow:hidden;position:relative;left:20px;_width:expression(document.body.clientWidth < 440? "440px":"auto" );}
#navigation p{padding-left:15px;background:url('./img/ico-home.gif') no-repeat 5px 50%;color:#fff;}
#navigation p a{color:#8bacce;text-decoration:none;font-size:0.9em;background:url('./img/nav-arr.jpg') no-repeat 100% 55%;padding:0 20px 0 10px;}
#navigation p strong{color:#8bacce;color:#fff;  font-weight:normal;text-decoration:none;font-size:0.9em;padding:0 10px 0 10px;}
#navigation p a.selected{color:#fff;background:none;padding-right:10px;}
#container{padding:20px 0;}
.content{float:left;padding-bottom:0px;width:497px;}
.content p{line-height:1.6em;font-size:1em;margin:10px 0;}
.content .box{background:url('./img/box-r.jpg') repeat-y right;width:497px;}
.content .box p{background:url('./img/box-btm.jpg') no-repeat left bottom;padding:10px 20px 20px;margin:0;text-align:justify;}
.content strong.green{display:block;padding:20px 10px 10px 20px;color:#539300;}


.content ul.links{padding-left:10px;;display: block;width: 830px;}
.content ul.links li{float:left;text-align:right;}
.content ul.links li a{display:block;height:26px;line-height:22px;text-align:left;text-align:right;padding-right:10px;font-weight:bold;color:#fff;text-decoration:none;}
.content ul.links li a:hover{color:#caff86;}
.content ul.links li#link1{width:127px;margin:0 5px;background:url('./img/link1.jpg') no-repeat;}
.content ul.links li#link2{width:152px;margin:0 5px;background:url('./img/link2.jpg') no-repeat;}
.content ul.links li#link3{width:159px;width:95px;margin:0 5px;background:url('./img/link3.png') no-repeat;}
.content ul.links li#link4{width:67px;margin:0 5px;background:url('./img/link4.png') no-repeat;}
.content ul.links li#link5{width:185px;margin:0 5px;background:url('./img/link5.png') no-repeat;}
.content ul.links li#link6{width:120px;margin:0 5px;background:url('./img/link6.png') no-repeat;}



.panel{float:right;padding:1px;width:345px;overflow:hidden;}
.panel .kontakt{background:#f5f5f5;padding:15px 15px 0px 15px;}
.panel .kontakt h3{color:#539300;font-weight:bold;font-size:1.3em;}
.panel .kontakt address{line-height:1.8em;border-right:1px solid #ccc;width:160px;float:left;font-style:normal;padding:0;}
.panel .kontakt div.dl{float:left;padding-top:21px;position:relative;left:10px;}
.panel .kontakt dl{height:1.8em;line-height:1.8em;clear:both;margin:0;}
.panel .kontakt dl dt{width:45px;float:left;padding:0;font-weight:bold;}
.panel .kontakt dl dd{float:left;padding:0;}
.panel .kontakt a.more{display:block;text-align:right;font-size:1.2em;color:#539300;margin-top:10px;border-bottom:1px solid #ccc;background:url('./img/arrow.jpg') no-repeat 0 50%;text-decoration:none;font-weight:bold;padding:10px 0;}
.panel .kontakt a.more:hover{background-position:100% 50%;padding-right:30px;}


/* verze2 - podstranky ------------------------------------------------------ */
.content2{float:left;padding:20px;width:610px;}
.content2 p{line-height:1.6em;font-size:1em;margin:10px 0;text-align:justify;}
.content2 ul.pam,.content2 ul.pam2{line-height:1em;}
.content2 ul.pam li,.content2 ul.pam2 li{background:url('./img/li.png') no-repeat left center;padding-left:20px;margin:1em;line-height:1.6em;text-align:justify;}
.content2 ul.pam li.n {background: none;&margin-top: -2.6em;}

.content2 ul.pam2 li{line-height:0.9em;}

.ss{
	margin-bottom:-20px;
	width:842px;

}

.content2 .green{
	margin-left:-20px;
	margin-top:40px;
	width:842px;
	_width:602px;
	display:block;
	background:url('./img/box-l.jpg') repeat-y left;
}
.content2 .green strong{background:url('./img/box-btm2.jpg') no-repeat left top;padding:10px 20px 20px;margin:0;text-align:justify;display:block;padding:20px 10px 10px 20px;color:#539300;}


.content2 ul.links{margin:0;padding:0;padding-left:15px;line-height:1em;}
.content2 ul.links li{float:left;text-align:right;}
.content2 ul.links li a{display:block;height:26px;line-height:22px;text-align:left;text-align:right;padding-right:10px;font-weight:bold;color:#fff;text-decoration:none;}
.content2 ul.links li a:hover{color:#caff86;}
.content2 ul.links li#link1{width:127px;margin:0 5px;background:url('./img/link1.jpg') no-repeat;}
.content2 ul.links li#link2{width:152px;margin:0 5px;background:url('./img/link2.jpg') no-repeat;}
.content2 ul.links li#link3{width:159px;width:95px;margin:0 5px;background:url('./img/link3.png') no-repeat;}
.content2 ul.links li#link4{width:67px;margin:0 5px;background:url('./img/link4.png') no-repeat;}
.content2 ul.links li#link5{width:185px;margin:0 5px;background:url('./img/link5.png') no-repeat;}
.content2 ul.links li#link6{width:120px;margin:0 5px;background:url('./img/link6.png') no-repeat;}




.content2 img{padding:3px;border:1px #CCCCCC solid;margin:0;margin-left:15px;}
.panel2{float:right;padding:1px;width:190px;overflow:hidden;}
.panel2 .kontakt{background:#f5f5f5;padding:15px 15px 15px 15px;}
.panel2 .kontakt h3{color:#539300;font-weight:bold;font-size:1.3em;}
.panel2 .kontakt address{line-height:1.8em;width:160px;float:left;font-style:normal;padding:0;}
.panel2 .kontakt a.more{display:block;text-align:right;font-size:1.2em;color:#539300;margin-top:10px;border-bottom:1px solid #ccc;background:url('./img/arrow.jpg') no-repeat 0 50%;text-decoration:none;font-weight:bold;padding:10px 0;}
.panel2 .kontakt a.more:hover{background-position:100% 50%;padding-right:30px;}


/* footer ------------------------------------------------------------------- */
#footer{clear:both;height:55px;background:url('./img/footer.jpg') no-repeat;position:relative;color:#fff;font-size:0.9em;border-bottom:10px solid #00366d;}
#footer a{color:#8bacce;}
#footer .copy{position:absolute;left:20px;top:31px;}
#footer .copy a{color:#fff;}
#footer .links{position:absolute;right:150px;top:31px;}
#footer a.nachoben{text-decoration:none;color:#fff;display:block;width:120px;position:absolute;right:10px;top:31px;}
#footer a.nachoben:hover{color:#8bacce;}
hr{display:block;height:1px;margin:10px 0;padding:0;border:0 solid #CCC;background:#CCC;color:#CCC;}
.clear{clear:both;display:block;height:0;line-height:0;font-size:0;width:100%;}
.noscreen{display:none;}
.flt-l{float:left;}
.flt-r{float:right;}
.bold{font-weight:bold;}
.noborder,img.noborder{border:0;}
/* clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* schovani pred ie mac \*
/* html .clearfix{height:1%;}
.clearfix{display:block;}


/* -------------------------------------------------------------------------- */
.neu{color:#CC0000;font-weight:bold;}
.vorteil,.vorteil2{border:3px #D7D7D7 solid;background-color:#FAFAFA;padding:0 1em;margin-top:1em;}
.vorteil2{border:3px #539300 solid;background-color:#CCFFCC;margin:1em;padding:1em;}
/*.green{border:3px #00CC99 solid;background-color:#CCFFCC;margin-bottom:1em;margin-top:1em;padding:0.5em;}*/
.preise, .preise2{display:table;border:2px #00366D solid;width:500px;margin:1em;border-collapse:collapse;}
.preise td, .preise2 td{border:1px #00366D solid;padding:3px 5px; }
.preise th, .preise2 th{border:1px #00366D solid;padding:2px;background:url('./img/box-btm2.jpg') no-repeat left top;}




/* kontaktni formular ----------------------------------------------------------- */
/*
.form1{width:400px;}
.form1 fieldset{padding:10px;border:2px #bfbfbf solid;}
.form1 legend{padding:3px;border:1px solid #bbb;margin-bottom:10px;text-align:right;}
.form1 label{position:absolute;font-weight:bold;float:right;margin-left:20px;}
.form1 input, .form1 textarea, .form1 select{display:inline;margin-bottom:3px;width:235px;margin-left:120px;}
.form1 select{width:235px;}
.form1 textarea{height:100px;width:135px;margin-left: 50px;}
.form1 #submit{width:130px;}
*/

.form2{width:450px;}
.form2 fieldset{padding:10px;border:2px #bfbfbf solid;}
.form2 fieldset.w400{width: 400px;}
.form2 legend{padding:3px;border:1px solid #bbb;margin-bottom:10px;text-align:right;}
.form2 label{position:absolute;font-weight:bold;float:right;margin-left:20px;}
.form2 input, .form2 textarea {display:inline;margin-bottom:3px;width:235px;margin-left:150px;}
.form2 #submit{width:130px;}
.form2 fieldset.w400 input, .form2 fieldset.w400 textarea {margin-left:110px;}

/*----------------------------------------------------------------------------*/
#main img.ml{border:2px #bfbfbf solid;margin-left:2em;}
code{color:#000000;font-size:1.1em;display:block;margin:25px;padding:12px;border:2px solid #FFFF00;background:#FFFFCC;}
.ram{border:2px solid #D0DEF9;background-color:#EBF3FE;width:330px;margin:15px  50px;padding:10px;}
.vor{font-weight:bold;color:#009966;}
.nach{font-weight:bold;color:#FF3366;}
.row{position:relative;  display:block;  margin-top:30px;  height:260px;}
.row1{width:300px;  border-right:1px solid #ccc;  float:left;}
.row2{float:right;  width:270px;margin-left: 10px;}
.res a{padding:0.5em 1em 0.5em 1em; font-weight:bold; border: 1px #CCCCCC solid; background-color: #F9F9F9; }
.res{margin-top: 2em;}
.img1{text-align: center;font-weight: bold;display: block;float: right;vertical-align: top;}
.img1 img{ margin: 10px; margin-bottom: 5px; margin-top: 5px;}

.img2{text-align: center;font-weight: bold;}
.img2 img{ margin: 10px; margin-bottom: 5px; margin-top: 5px;}

ul.krizovka{
  text-align: left;
  line-height: 2em;
  margin-left: 60px;
}

img#klassenfahrten{
  padding-top: 20px;
  padding-left: 25px;
}

