/* definice vel. pisma */
body {
    font-size: 75%;
    line-height: 1.4em;
    font-family: "Trebuchet MS",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;
        }
 
 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;
 }

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

 #aktualne_box a:link, #aktualne_box a:visited, #aktualne_box a:active {color: lightskyblue; text-decoration: none}
 #aktualne_box a:hover {color: white}

  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: 2px solid #cccccc; border-bottom: 6px solid #cccccc}
 .imgodkaz:hover img {border: 2px solid #acacac; border-bottom: 6px solid #acacac}

 .imgodkaz-cisty img {border-bottom: 2px solid black}
 .imgodkaz-cisty:hover img {border-bottom: 2px solid #E7512F}

 .tlacitko {display: block; width: 190px; height: 71px; background: url("../obrazy/tlacitko-out.gif") 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-over.gif") no-repeat; color: black}
 .tlacitko span {display: block; padding-top: 1.2em; color: black}
     
 .tlacitko_velke {display: block; width: 240px; height: 71px; background: url("../obrazy/tlacitko-out-velke.gif") no-repeat; text-align: center; font-weight: bold; text-decoration: none; letter-spacing: 0.02em; overflow: visible} 
 .tlacitko_velke:hover {background: url("../obrazy/tlacitko-over-velke.gif") no-repeat; color: black} 
 .tlacitko_velke span {display: block; padding-top: 1.2em; color: black}
     
 .tlacitko_velke_skola {display: block; width: 240px; height: 71px; background: url("../obrazy/tlacitko-velke-out-skola.gif") no-repeat; text-align: center; font-weight: bold; text-decoration: none; letter-spacing: 0.02em; overflow: visible} 
 .tlacitko_velke_skola:hover {background: url("../obrazy/tlacitko-over-velke.gif") no-repeat; color: black} 
 .tlacitko_velke_skola span {display: block; padding-top: 1.2em; color: black}
 
  
 #menu_left_box {
 	margin: 0 0 0 5px; padding: 0 0 0 0
 }

 #menu_left ul {
 	margin: 0; padding: 0 0 0 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;
 	color: black;
 	text-decoration: none;
 	font-weight: bold;
 	background: url("../images/bg_menu_link_link.gif") no-repeat
 }

 #menu_left a:hover {
 	color: white;
 	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 15px 15px 0}
 .vpravo {float: right; margin: 5px 0 15px 15px}
 .zkraceny {margin: 0 0 -0.5em  0;} /* pro text reducer */
hr {color: gray; height: 1px}
 /* _ layout _*/

 body {
 	margin: 0;
 	text-align: center;
 	color: black;
 	background: url("../obrazy/bg-body-ornaments.gif") center top repeat-y black;
 }
 #stranka {
 	width: 980px;
 	text-align: left;
 	margin: 0 auto;
 	background:url("../obrazy/bg-stranka-hory.jpg") 0 0 no-repeat white
 }
 #stranka_box {padding: 0 15px 50px 15px}

 #zahlavi {
  margin:0; padding:0
 }

 #obsah {
 	margin-right: 0; border: 0
 }
 #obsah_box {
  overflow: visible;
 }

 #obsah_pozadi {
 	/*background: url("../obrazy/bg_stranky_vlek_3.gif") top right no-repeat ; border: 1px solid green;*/
 }
 .helper {
 	clear: both; margin: 0; padding: 0; font-size: 0.1em; line-height: 0
 }

 #zapati {
 	height: 99px;
 	margin-top: 2em; padding: 0;
 	text-align: center
 }

 /* rozdeleni ZAHLAVI */
 #nadpis_webu_box {
  float: left;
 	margin:0; padding:0;
 	width:480px; height:72px;
 	overflow:hidden;
 	font-size: 1em; background:url("../images/logo-tendr-ski-nadpis.gi") 0 0 no-repeat
 }

 #vlajky {
  float: right; width: 288px; height: 15px; 
 	margin:0 0 1em 0; padding:0
 } 
/* box pro horni prave txt menu */
#menu_top_box {float: right; width: 290px; margin: 0; padding: 0} 
  #menu_top_box  a:link, #menu_top_box  a:visited, #menu_top_box  a:active {letter-spacing: 0.2px}
  #menu_top_box a:hover {}
   .link_ikona_box {float: left;  width: 70px}
   
#webkamera_box {float: right; position: relative; top: -20px; right: -70px; z-index: 2; margin: 0; width: 375px; height: 200px; background: url("../obrazy/webcam-bg.png") no-repeat; border: 0px solid violet;}
#webkamera_text {padding: 20px 27px 8px 15px}
#webkamera_zoom_butt {display: block; position: relative; top: -44px; left: 58px; z-index: 2; margin: 0; width: 89px; height: 30px; background: url("../obrazy/webcam-zoom-butt.png") no-repeat}

/* IKONY - box pro ikon menu pod logem */ 
#menu_top_box_2 {float: left; width: 570px; margin: 0; margin-top: 1px; border: 0px solid violet;} 
 #menu_top_box_2 a:link, #menu_top_box_2  a:visited, #menu_top_box_2  a:active {color: black; text-decoration: none; font-weight: bolder}
 #menu_top_box_2 a:hover {color: #555555}

/*
        #menu_top_box_2 h2 {margin: 0 0 -0.7em 0; padding: 0; line-height: 0.7em; color: black}
        #menu_top_box_2 h2 em {display: block; margin: 0.3em 0 0 0; font-size: 0.65em; color: gray}
        #menu_top_box_2 h2 span {display: block; padding: 0; margin-top: 0; font-size: 0.8em; line-height: 1.2em} 

   .link_ikona_box_2 {float: left; width: 140px}   

      #link_ikona_ubytovani {display: block; background: url("../images/ikona-ubytovani.gif") -8px top no-repeat; width: 100%; height: 100%; padding-top: 125px} 
      #link_ikona_pujcovna {display: block; background: url("../images/ikona-pujcovna.gif") -8px top no-repeat; width: 100%; height: 100%; padding-top: 125px} 
      #link_ikona_vlek {display: block; background: url("../images/ikona-vlek.gif") -8px top no-repeat; width: 100%; height: 100%; padding-top: 125px}
      #link_ikona_aktuality {display: block; background: url("../images/ikona-aktuality.gif") 0 62px no-repeat; width: 100%; height: 100%; padding-top: 125px}
*/      


/* #pocasi_box {float: right; width: 299px; height: 100px; margin: 0}*/
 /*
 #nadpis_webu_box {
 	clear: left;
 	margin:0; padding:0;
 	position:relative;
 	width:545px; height:72px;
 	overflow:hidden;
 	font-size: 1em;
 }
 #nadpis_webu_box span {
 	display:block;
 	position:absolute; left:0; top:0; z-index:1;
 	width:545px; height:72px;
 	margin:0; padding:0;
 	background:url("../images/logo-tendr-ski-nadpis.gif") 0 0 no-repeat;
 }
 */
 #reklama {margin-top: 50px; padding: 1em; background-color: #e7e7e7; border: 3px solid #c6c6c6}
 
 /* box pro aktualitu */
 #aktualita_box {width: 240px; float: left; margin: 0}
 #aktualita {_height: 210px; min-height: 210px; margin-top: 50px; padding: 0 15px 50px 15px;}
 .pozadi_aktualita_spicka {background: url("../obrazy/bg_01.gif") 0 -105px no-repeat;}
 .pozadi_aktualita_pata {background: url("../obrazy/bg_00.jpg") 0 bottom no-repeat;} 
 

 /* rozdeleni INDEXu na 3 sloupce */
 #l_sloupec_box_index {width: 240px; float: left; margin: 0}
 #l_sloupec_index {_height: 130px; min-height: 130px; padding: 0 15px 50px 15px; margin-top: 135px}
 .pozadi_ubytovani_spicka {background: url("../obrazy/bg_03.gif") 0 -61px no-repeat}
 .pozadi_ubytovani_pata {background: url("../obrazy/bg_09.jpg") 0 bottom no-repeat #eeb539}

 #s_sloupec_box_index {width: 240px; float: left; margin: 0}
 #s_sloupec_index {_height: 130px; min-height: 130px; padding: 0 15px 50px 15px; margin-top: 135px}
 .pozadi_pujcovna_spicka {background: url("../obrazy/bg_05.gif") 0 -61px no-repeat}
 .pozadi_pujcovna_pata {background: url("../obrazy/bg_10.jpg") 0 bottom no-repeat #b4d667;}

 #p_sloupec_box_index {width: 240px; float: left; margin: 0}
 #p_sloupec_index {_height: 130px; min-height: 130px; padding: 0 15px 50px 15px; margin-top: 135px}
 .pozadi_vlek_spicka {background: url("../obrazy/bg_07.gif") 0 -61px no-repeat}
 .pozadi_vlek_pata {background: url("../obrazy/bg_11.jpg") 0 bottom no-repeat #00b5e6}

 .pozadi_kontakt_spicka {background: url("../obrazy/bg_02.gif") 0 -61px no-repeat;}
 .pozadi_kontakt_pata {background: url("../obrazy/bg_00.jpg") 0 bottom no-repeat #d6d6d6;}
 
 .pozadi_kary_spicka {background: url("../obrazy/bg_06.gif") 0 -61px no-repeat;}
 
 .link_velky, .link_velky:visited, .link_velky:active {display: block; width: 100%; font-size: 1.1em; text-decoration: underline; color: white; font-weight: bold; background: url("../images/link-snow-out.gif") right 5px no-repeat}      
 .link_velky:hover {color: #686868; background: url("../images/link-snow-over.gif") right 5px no-repeat}
 .link_stredni, .link_stredni:visited {display: block; width: 100%; font-size: 1em; text-decoration: underline; color: white; font-weight: bold; background: url("../images/link-snow-out.gif") right 5px no-repeat}
 .link_stredni:hover {color: #686868; background: url("../images/link-snow-over.gif") right 5px no-repeat}
  .link_maly, .link_maly:visited {display: block; width: 100%; font-size: 1em; text-decoration: underline; color: white; font-weight: bold; background: url("../images/link-snow-out.gif") right 5px no-repeat}
 .link_maly:hover {color: #686868; background: url("../images/link-snow-over.gif") right 5px no-repeat}
 

 /* rozdeleni stranek OBSAHU na 2 sloupce */
 #l_sloupec {
 	float: right;
 	width: 675px;
 	margin: 0; padding: 0
 }
 #l_sloupec_box {
 	padding: 0 0 0 0
 }
 #p_sloupec {
 	float: right;
 	width: 230px
 }
 #p_sloupec_box {
 	margin: 0 0 2em 30px
 }

div h2:first-child, h3:first-child, h4:first-child {margin-top: 0}
 h1 {
  font-size: 1.6em;	/* nadpis stranky */
 	color: #1597ce;
 	padding-top: 0; margin: 0 0 1.2em 0;
 	line-height: 1.2em
 }
 h2 {font-size: 1.3em;	 /* podnadpis */
 	margin-top: 2em;
 	margin-bottom: 0.4em;
 	color: black
 } 
    #l_sloupec_box_index h2, #s_sloupec_box_index h2, #p_sloupec_box_index h2 {   /* nadpisy v menu */
 	  color: black; margin: 1em 0 0.8em 0
    }
 h3 {font-size: 1.1em;	  	 /* podnadpis v textu odsazeny */
 	margin-top: 1.2em;
  margin-bottom: 0.5em;
 	color: black
 }
 h4 {font-size: 1.1em;	  	 /* podnadpis v textu odsazeny */
 	margin-top: 1.2em;
 	margin-bottom: 0.5em;
 	color: black
 }


 .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.gif");
 }
 .seznam-1 li {  /* seznam s vlockou */
 	margin-bottom: 0.8em;
 }

 /* 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}
 .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;
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 ---- */