/* definice vel. pisma */
body {
    font-size: 75%;
    line-height: 1.4em;
    font-family: "Arial CE",Arial,Verdana,Tahoma,Helvetica,sans-serif;
}
#stranka {
    font-size: 1em
}
<!--[if !IE]>-->
body {font-size: 12px}

/* Neutralize styling: Elements with a vertical margin: */
p, pre, blockquote, ul, ol, dl, address {
        margin: 0 0 1em 0;
        padding: 0;
        }
.rohy {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-borer-radius:  5px;
	}
.shadow {
  -moz-box-shadow:0 0 8px #111;
	-webkit-box-shadow:0 0 8px #111;
	 box-shadow:0 0 8px #111;
    /* IE */ background-color: white;
    /* IE */ zoom: 1;
    /* IE */ filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=140, Strength=4);
}
a h2 {
  text-decoration: none;
}

 a {color: #1597ce} /* #1597ce */
 a:visited {color: #1597ce}
 a:active {color: #1597ce}
 a:hover {color: darkgray}
 a:focus {outline: none !important}
 img  {border: 0;}
 table {
 	border: 10px;
 	border-collapse: separate;
 }
 code {font-size: 0.8em}

 #zapati a:link, #zapati a:visited, #zapati a:active {color: gray}
 #zapati a:hover {color: black}

  a.out {padding-right: 1em; background: url("../images/link-blank.gif") center right no-repeat}
/*
 .imgodkaz {padding-bottom: 0; background: url("../images/zoom.gif") center bottom no-repeat}
 .imgodkaz:hover {background: url("../images/zoom-over.gif") center bottom no-repeat}
 .imgodkaz img {border: 0 solid #cccccc; border-bottom: 0 solid #cccccc}
 .imgodkaz:hover img {border: 0 solid #acacac; border-bottom: 0 solid #acacac}
*/
 .tlacitko {display: block; width: 190px; height: 51px; background: url("../obrazy/tlacitko.gif") 0 0 no-repeat; text-align: center; font-weight: bold; text-decoration: none; letter-spacing: 0.02em; overflow: visible}
 .tlacitko:link, .tlacitko:visited, .tlacitko:active, .tlacitko_velke:link, .tlacitko_velke:visited, .tlacitko_velke:hover {color: black}
 .tlacitko:hover {background: url("../obrazy/tlacitko.gif") -192px 0 no-repeat; color: black}
 .tlacitko span {display: block; padding-top: 0.9em; color: black}

 .tlacitko_skola {display: block; width: 190px; height: 71px; background: url("../obrazy/tlacitko-skola.gif") 0 0 no-repeat; text-align: center; font-weight: bold; text-decoration: none; letter-spacing: 0.02em; overflow: visible}
 .tlacitko_skola:hover {background: url("../obrazy/tlacitko-skola.gif") -192px 0 no-repeat; color: black}
 .tlacitko_skola span {display: block; padding-top: 1.2em; color: black}

 #head_title {
   font-weight: bold;
   margin-top: 10px;
   margin-bottom: 15px;
   font-size: 60px;
   width: 100%;
   color: rgb(215,210,188);
      text-align: center;
 }

 #menu_left_box {
 	float: left; width: 235px; margin: 175px 0 0 0; padding: 0
 }
 #menu_left {
 	margin-right: 15px
 }
/*
 #menu_left ul {
 	margin: 0; padding: 0
 }

 #menu_left li {
 	margin-top: 0;
 	margin-bottom: 0;
 	list-style: none
 }

 #menu_left a {
 	display: block;
 	height: 30px;
 	padding-left: 0;
 	vertical-align: middle;
 	text-decoration: none;
 	font-weight: bold;
 	background: url("../images/bg_menu_link_link.gif") no-repeat
 }

 #menu_left a:hover {
 	background: url("../images/bg_menu_link_hover.gif") no-repeat
 }
*/
 .levy {text-align: left}
 .nastred {text-align: center}
 .pravy {text-align: right}
 .vlevo {float: left; margin: 5px 10px 5px 0}
 .vpravo {float: right; margin: 5px 0 5px 10px}
 .zkraceny {margin: 0 0 -0.5em  0;} /* pro text reducer */
hr {display: block; border-top: 1px dotted #e3e3e3}


 body {
 	margin: 0; padding: 0;
 	color: black;
 }
 #content_home {
   margin-top: 0px;
   padding-left: 16px;
   height: auto;
 }
 
 #content_home_left {
   margin-left: 10px;
   width: 225px;
   height: auto;
   float: left;
 }
 
 #content_home_right {
   margin-top: 12px;
   margin-left: 20px;
   width: 745px;
   height: auto;
   float: left;
 }
 
 #stranka {
  position: relative; top: 0; z-index: 3;
 	width: 1000px;
 	text-align: left;
 	margin: 0  auto; 
 }
 #stranka_box {padding: 0 0 50px 0; }

 #zahlavi {
 }

 #obsah {
 }
 #obsah_box {
  /* overflow: visible;*/
 }
 .helper {
 	clear: both; margin: 0; padding: 0; font-size: 0.1em; line-height: 0
 }

#panorama {position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 1000px; background: url("../obrazy/panorama2.jpg") center 0 no-repeat; filter: alpha(opacity=50); opacity: 0.5}
/*#horni_pruh_stin {position: absolute; top: 129px; left: 1; z-index: 2; width: 100%; height: 20px; margin: 0; background: url("../obrazy/1x1-stin-transparent.png") repeat-x; filter: alpha(opacity=70); opacity: 0.7}*/
#horni_pruh {position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 150px; margin-top: 0; border-bottom: 1px solid black}
#grafika {z-index: 4; width: 455px; height: 250px}

 #zapati {
  margin-top: 0px; padding: 0; margin:0;
 	font-size: 0.8em
 }

 #ikonky {position: absolute; top: 0; right: 175px; margin: 7px 0 0 0; z-index: 100; width: 100px; height: 23px}
 #ikonky a.domu {display: block; float: left; width: 23px; height: 23px; margin-right: 20px; text-decoration: none; background: url(../images/ikona-domu.png) 0 -2px no-repeat}
 #ikonky a.tisk {display: block; float: left; width: 23px; height: 23px; text-decoration: none; background: url(../images/ikona-tisk.png) 0 -2px no-repeat}

 #vlajky { /* umisteny v kodu  ZAPATI - konflikt JS ! */
  position: absolute; top: 0; right: 0; margin: 7px 0 0 0; z-index: 100}


.pruhled {filter: alpha(opacity=80); opacity: 0.8} /* globalni pruhlednost boxu */

#logo {float: left; position: relative; top: -2px; left: -5px}

/* MENU TOP */
#menu_top_box {float: left; width: auto; margin: 0; margin-top: 10px; padding-top: 15px;}
 #menu_top_box a:link, #menu_top_box  a:visited, #menu_top_box  a:active {color: black; text-decoration: none; font-weight: bolder}
 #menu_top_box a:hover {color: #555555}

 #reklama_box {margin: 5px 0 3em 0}
 #reklama {padding: 10px;}
 /* box pro aktualitu */
 #aktualita_box {margin-bottom: 1.5em}
 #aktualita {padding: 1em}
 /* nadpisy */



.black {
        background: url(../obrazy/1x1-black-transparent.png);
        border: 0px solid #abd5e6;
        color: white
        }
.banner {
  height: auto;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
}

  h1.black span, .black h2 {color: #1597ce}
.white {
        background: url(../obrazy/1x1-white-transparent.png);
        border: 1px solid #cbe4ee;
        color: black
}
.white h2 {color: #1597ce}
.blue {
        background: url(../obrazy/1x1-blue-transparent.png);
        border: 1px solid #abd5e6;
        color: black
}
.blue h2 {color: black}
.blue a:hover {color: black}
.orange {
        background: url(../obrazy/1x1-orange-transparent.png);
        border: 1px solid #cbe4ee;
        color: black
}
.orange h2 {color: black}
.orange a, .orange a:visited, .orange a:active {color: #da9f00}
.orange a:hover {color: black}
.orange ul li {border-top: orange}

.black h2, .white h2 {color: #1597ce}
.green {
        background: url(../obrazy/1x1-green-transparent.png);
        border: 1px solid #99bd7f;
        color: black
}
.green h2 {color: black}
.green a, .green a:visited, .green a:active {color: green}
.green a:hover {color: black}




#menu_podstranky_box {margin-bottom: 1.5em}
#menu_podstranky {padding: 1em}
#menu_podstranky ul  {margin:0; padding:0}
#menu_podstranky ul li  {display: block; background: url(../obrazy/1x1-white-transparent.png); height: 3em; border-top: 1px solid white; border-bottom: 1px solid white}
#menu_podstranky ul li a {display: block; width: 100%; height: 100%; text-decoration: none; vertical-align: center}
#menu_podstranky ul li a span {display: block; padding: 5px}
#menu_podstranky ul li a:link {}
 /* rozdeleni stranek OBSAHU na 2 sloupce */
 #l_sloupec {
 	float: left;
 	width: 515px;
 	margin: 175px 0 0 0
 }
 #l_sloupec_box {
 	padding: 1.5em
 }
 #p_sloupec {
  float: right;
  width: 235px;
 	margin: 175px 0 0 0
 }
 #p_sloupec_box {
 	padding: 1em
 }

div h2:first-child, h3:first-child, h4:first-child {margin-top: 0}
 h1 {	/* nadpis stranky */
  position: absolute; top: 180px; left: 0; z-index: 3;
  display: block; width: 100%; height: 5em;
  font-size: 2em; font-weight: lighter;
 	line-height: 1.2em; margin: 0 0 1.5em 0; padding: 0
 }
    h1 span {display: block; padding: 1em; margin: 0}

 h2 {font-size: 1.25em;	 /* podnadpis */
 	margin-top: 2em;
 	margin-bottom: 0.4em;

    }
 h3 {font-size: 1.1em;	  	 /* podnadpis v textu odsazeny */
 	margin-top: 1.2em;
  margin-bottom: 0.2em;
 }
 h4 {font-size: 1.1em;	  	 /* podnadpis v textu odsazeny */
 	margin-top: 1.2em;
 	margin-bottom: 0.5em;
 }


 .popisek {	 /* popisek pod obrazkem */
 	margin: 0;
 	padding: 0 0 20px 0;
 	color: gray;
 	font-size: 0.8em
 }

 .seznam-cislovany {	 /* seznam  */
 	margin-left: 0.8em; padding-left: 15px;
 }
  .seznam-cislovany li {
 	margin-bottom: 0.8em;
 }

 .seznam-bez-odrazek {	  /* seznam  */
 	margin-left: 0; padding-left: 0; list-style-type: none;
 }

 .seznam-1 {	  	/* seznam s vlockou */
 	margin-left: 0.8em; padding-left: 15px; list-style: url("../images/list-style-snow.gi");
 }
 .seznam-1 li {  /* seznam s vlockou */
 	margin-bottom: 0.6em;
 }

 /* odsazeni a radky v ceniku */
 .cenik, .cena, .cena-skola {padding: 0; border-top: 1px solid #cccccc; font-weight: bold; color: gray }
 .cenik p {font-weight: normal; margin-top: 0.1em; padding: 0 0 1em 0; color: black}
 .cena {width: 120px; text-align: right; font-weight: bold; color: black}
 .cena-skola {width: 120px; text-align: right}
 .cena2 {text-align: right; padding-bottom: 2em; border-top: 1px solid #cccccc}

 .odsazeni {margin-left: 20px;}
 .cerveny {color: #ff0000}
 .modry {color: #1597ce}
 .bily {color: white}
 .bold {font-weight: bold}
 .block {display: block}
 td,tr,th {vertical-align: top}
 .clear {clear: both}

/* ---- DHTML ToolTIP ONLY ---- */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #cccccc;
text-align: center;
padding: 2px;
background-color: #b5d647;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
/* ---- / DHTML ToolTIP ONLY ---- */