html
{
 font-size: 62.5%;
 font-family: Trebuchet MS    ; 
}

body
{
 background: url('../images/background.png')  left top;
 position: relative;
 
}

#cela_strana
{
 background: url('../images/pozadie_efekt.png') center top no-repeat;
 width: 820px; 
 padding: 40px 0 0 0; 
 margin: 0px auto 0 auto;
 text-align: left;
 position: relative;
 z-index: 2;
}

a#logo
{
 width: 318px;
 height: 53px;
 display: block;
 float: left;
}

#menu_c
{
 width: 430px;
 height: 53px;
 float: left;
}

#menu_c #menu
{
 width: 100%;
 height: 59%;
 padding: 22px 0 0 50px;
 background: url( '../images/predel.png' ) 25px top repeat-y;
}

#menu_c #menu a
{
font-family: Trebuchet MS;
 display: block;
 float: left;
 margin: 0 7px 0 0;
 padding: 0 0 7px 0;
 color: #c4c4c4;
 text-decoration: none;
 font-size: 1.5em;

}

#menu_c #menu a:hover,
#menu_c #menu a.active
{
 background: url( '../images/menu_hover.png' ) left bottom repeat-x;
 color: #f1f1f1;
}

#menu_c #menu img
{
 width: 5px;
 height: 5px;
 float: left;
 margin: 0.6em 7px 0 0;
}

#obsah_pozadie
{
 width: 100%;
 height: 333px;
 background: url( '../images/pozadie_obsah.png' ) left bottom repeat-x;
 position: absolute;
 top: 133px;
 left: 0px;
 z-index: 1;
}

#obsah_pozadie #tien
{
 width: 100%;
 height: 333px;
 background: url( '../images/pozadie_obsah_tien.png' ) left top repeat-x;
 z-index: 1;
}

#obsah_c
{
 width: 100%;
 height: 333px;
 background: url( '../images/pozadie_obsah.png' ) left bottom repeat-x;
 margin: 40px 0 0 0;
 z-index: 2;
 position: relative;
}

#obsah_c #obsah
{
 width: 100%;
 height: 333px;
 background: url( '../images/pozadie_obsah_tien.png' ) left top repeat-x;
}

#obsah_c #obsah .obsah_text
{
 width: 420px;
 line-height: 2.5em;
 float: left;
 padding: 20px 0 0 0;
}

#obsah_c #obsah .obsah_text h1,
#obsah_c #obsah .obsah_text2 h1
{
 font-size: 17px;
 color: #2f5e54;
 font-weight: bold;
 margin: 0 0 10px 0;
}
   #obsah_c #obsah .obsah_text2 h2
{
 
 font-size: 26px;
 color: #2f5e54;
 font-weight: normal;
 margin: 0 0 10px 0;
}
   #obsah_c #obsah .obsah_text2 h3
{
 
 font-size: 21px;
 color: #2f5e54;
 font-weight: normal;
 margin: 0 0 10px 0;
}

#obsah_c #obsah .obsah_text p
{
 color: #363636;
 font-size: 15px;
 text-indent: 50px;
}

#obsah_c #obsah .obsah_text2
{
 width: 100%;
 line-height: 2.5em;
 float: left;
 padding: 20px 0 0 0;
}

#obsah_c #obsah .obsah_text2 p
{
 color: #656565;
 font-size: 14px;
 text-indent: 50px;
}

#obsah_c #obsah .obsah_text2 p span
{
 background-color: #354c4e;
 color: #ffffff;
 font-size: 18px; 
}
#obsah_c #obsah .obsah_text2 p a
{
 background-color: #cbdf00;
 color: #354c4e;
 font-size: 20px;
 text-decoration: none; 
}

#obsah_c #obsah .obsah_text p.odkaz_viac,
#obsah_c #obsah .obsah_text2 p.odkaz_viac
{
 font-size: 17px; 
 color: #1a2f2a;
 text-decoration: none;
 font-weight: bold;
 padding: 2px; 
 font-style: normal;
 text-align: right;
 position: absolute;
 bottom: 10px;
 right: 0px;
}

#obsah_c #obsah .obsah_text p.odkaz_viac a,
#obsah_c #obsah .obsah_text2 p.odkaz_viac a
{
 font-size: 17px; 
 color: #1a2f2a;
 background-color: #cbdf00;
 text-decoration: none;
 font-weight: normal;
 padding: 2px;
}

#obsah_c #obsah .obsah_text p.odkaz_viac a:hover,
#obsah_c #obsah .obsah_text2 p.odkaz_viac a:hover
{
 color: #f1ffaf;
 background-color: #354c4e;
 text-decoration: none;
 font-weight: normal;
}

#sluzby_c
{
 width: 100%;
 height: 380px;
 margin: 20px 0 0 0;
 z-index: 2;
}

#sluzby_c .stlpec
{
 width: 33%;
 background: url( '../images/predel.png' ) right top repeat-y;
 float: left;
 margin: 0;
}

#sluzby_c .stlpec h2.news,
#sluzby_c .stlpec h2.produkt,
#sluzby_c .stlpec h2.kontakt
{
font-family: Candara;
 font-size: 1.5em;
 font-weight: normal;
 line-height: 33px;
 color: #efffa6;
 padding: 0 0 0 50px;
 margin: 0 0 20px 80px;
 background: url( '../images/kocka_newsletter.png' ) left top no-repeat;
}

#sluzby_c .stlpec h2.produkt
{       
 background: url( '../images/kocka_produkty.png' ) left top no-repeat;
}

#sluzby_c .stlpec h2.kontakt
{
 margin: 0 0 20px 25px;
 background: url( '../images/kocka_kontakt.png' ) left top no-repeat;
}

#sluzby_c .stlpec p,
#sluzby_c .stlpec ul
{
 font-size: 1.3em;
 line-height: 1.3em;  
 color: #ffffff;
 margin: 15px;
}

#sluzby_c .stlpec ul
{
 padding: 0 0 0 15px;
}

#sluzby_c .stlpec ul li span
{
 color: #e1f600;
}

#sluzby_c .stlpec p.odkaz_viac
{
 font-style: normal;
 text-align: right;
 color: #8eb3c5;
 padding: 0 15px 0 0;
}

#sluzby_c .stlpec p.odkaz_viac a
{
 color: #1a2f2a;
 background-color: #bdd000;
 text-decoration: none;
 font-weight: bold;
}

#sluzby_c .stlpec p.odkaz_viac:hover,

#sluzby_c .stlpec p.odkaz_viac a:hover
{
 color: #ffffff;
 text-decoration: none;
 font-weight: bold;
}

#sluzby_c .stlpec form
{
 margin: 0 0 0 15px;
}

#sluzby_c .stlpec form input.input,
#sluzby_c .stlpec form textarea.input,
.obsah_text form input.input,
.obsah_text form textarea.input
{
font-family: Trebuchet MS;
 width: 220px;
 font-size: 1.2em;
 border: 2px #387765 solid;
 background-color: #ffffff;
 color: #4d4d4d;
 padding: 2px 10px 2px 10px;
 margin: 0 0 5px 0;
}

#sluzby_c .stlpec form textarea.input,
.obsah_text form textarea.input
{
 font-family: Trebuchet MS;
 font-size: 1.2em;
 color: #4d4d4d;
 height: 80px;
}

#sluzby_c .stlpec form input.button,
.obsah_text form input.button,
.k_form input.button
{
font-family: Trebuchet MS;
 color: #1a2f2a;
 background-color: #bdd000;
 text-decoration: none;
 font-weight: bold;
 float: right;
 border: 0px;
 margin: 15px 20px 0 0;
}

#sluzby_c .stlpec form input.button:hover,
.obsah_text form input.button:hover,
.k_form input.button:hover
{
 color: #ffffff;
}

.k_form
{
 width: 50%;
 border-right: 1px #aeaeae solid;
 float: left;
}

.k_form td
{
 font-size: 1.1em; 
 color: #696969;
font-weight: bold;
}

.k_form input.input,
.k_form textarea.input
{

font-size: 14px; 
font-weight: bold;
Color: #444444;
 width: 95%;
 height: 25px;
 border: 1px #767676 solid;
}

.k_form textarea.input
{
 font-family: Trebuchet MS;
 font-size: 12px; 
 Color: #444444;
 font-weight: none;
 width: 97%;
 height: 100px;
 border: 1px #767676 solid;
}

.k_form input.button
{
 margin: 10px 10px 0 10px;
}

.k_text
{
 width: 48%;
 float: left;
 padding: 0 0 0 10px;
}

.k_text h2
{
 font-size: 1.8em; 
 color: #4b4b4b;
font-weight: bold;
}

.k_text h3
{
 font-size: 1.4em; 
 color: #4b4b4b;
}

.k_text span
{
 font-size: 1.3em; 
 color: #4b4b4b;
 line-height: 1.6em; 
}

.k_text span a
{
 font-size: 13px; 
 color: #4b4b4b;
 font-weight: bold;
 text-decoration: underline;
}

.k_text span a:hover
{
 background-color: #cbdf00;
 color: #1a2f2a;
 
 text-decoration: none;
}

.ref_obr
{
 background-color: #efffa6;
 padding: 7px;
 border: 1px #354c4e solid;
}

#footer_menu
{
 font-family: Trebuchet MS;
 width: 100%;
 font-size: 1.2em;
 color: #cbdf00;
 margin: 5px auto 10px auto;
 font-style: none;
 text-align: center;
}

#footer_menu a
{
 color: #4b7152;
 text-decoration: underline;
 padding: 1px 2px 1px 2px;
}

#footer_menu a:hover,
#footer_menu a.active
{
 color: #1a2f2a;
 background-color: #cbdf00;
 text-decoration: none;
 padding: 1px 2px 1px 2px;
}
#footer
{
 font-family: Trebuchet MS;
 width: 100%;
 font-size: 1.2em;
 color: #4b7152;
 margin: auto;
 font-style: none;
 text-align: center;
}

#footer a
{
 color: #4b7152;
 text-decoration: underline;
 padding: 1px 2px 1px 2px;
}

#footer a:hover
{
 color: #1a2f2a;
 background-color: #cbdf00;
 text-decoration: none;
 padding: 1px 2px 1px 2px;
}
/* tooltips */

	.tTip {width: auto; cursor: pointer; color: #666;font-weight: bold; }
	.tip {color: #333;}

  .tip {
	 width: 212px;
	 padding-top: 32px;
	 overflow: hidden;
	 display: none;
	 position: absolute;
	 z-index: 500;
	 background: transparent url(images/tipTop2.png) no-repeat top;}

 .tipMid {background: transparent url(images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
 .tipBtm {background: transparent url(images/tipBtm2.png) no-repeat bottom; height: 37px;}
 
.word {
  	font-family: Verdana, Tahoma, Arial;
  	padding: 4px 4px 4px 4px;
  	letter-spacing: 3px;
  	text-decoration: none;
  	font-weight: normal;
  	white-space: nowrap;
  }
  .size9 {
  	color: #000;
  	font-size: 26px;
  }
  .size8 {
  	color: #111;
  	font-size: 24px;
  }
  .size7 {
  	color: #222;
  	font-size: 22px;
  }
  .size6 {
  	color: #333;
  	font-size: 20px;
  }
  .size5 {
  	color: #444;
  	font-size: 18px;
  }
  .size4 {
  	color: #555;
  	font-size: 16px;
  }
  .size3 {
  	color: #666;
  	font-size: 14px;
  }
  .size2 {
  	color: #777;
  	font-size: 12px;
  }
  .size1 {
  	color: #888;
  	font-size: 8px;
  }
  .size0 {
  	color: #999;
  	font-size: 6px;
  }