html, body {
    
    width: 100%;
    height: 100%;
 	  margin: 0; 
    padding: 0;
		text-align: center;
		background-color: black; 
    color: white;

		font-family: sans-serif; /* Verdana, Helvetica CE, Helvetica,*/
		font-size: 88%;  /*11px;*/ 
   	}



#bily
{		background-color: white; 
    background: url('prvky/pruh.gif') 0px  0px repeat-x;
    color: black;
}

#bily1
{		background-color: white; 
    background: none;
    color: black;
    width: 460px;
}

div, a, p
{text-align: left;	}

li 
{ list-style: square; }

/*  navigace nahoře vpravo  */
.link1:link, .link1:hover, .link1:visited   
  {
	display: block;  
	padding: 0; 
	font-weight: bold; text-decoration: none;
	color: #FFFFFF;
  font-size: 110%; /* 12px; */   
	}
	
	.link1:hover	
  {
  text-decoration: underline; 
  color: #FF1D6C;
  }
  
  .jazyk:link, .jazyk:hover, .jazyk:visited
  {font-weight: normal;
   position: absolute; 
   top: 14px;  right: 2px;
   color: #999999;
  }
  .jazyk:hover
  {color: #FF1D6C;
  }

/* ----------zacatek ---------

--------- konec popap  ------------- */

  
.hlavicka
  { position: relative; 
    width: 970px; height: 124px; 
    /* background: url('prvky/logo.jpg') 0px 40% no-repeat; */
    z-index: 95;
  }
  
 .logo_home
  { position: absolute; display: block;
  height: 47px;
  width: 180px;
  top: 40px; left: -10px;
  background: url('prvky/logo.jpg') 0px 0% no-repeat; 
  }
  
  .m1, .m2, .m3, .m4, .m5, .m5a  
  { position: absolute; 
    /* bottom: 61px; */ 
    top: 56px;  
  }
   .m2  /* popap */
  { position: absolute; 
    /* bottom: 61px; */ 
     top: 2.0em; margin-top: -4.0em;  
    _top: 4.0em; _margin-top: -4.0em;
    z-index: 100;  
  } 
  .m3, .m4       /* vyssi vrstva kvuli popap v IE (nerespektuje sirku prvniho radku)  */
  { z-index: 101;}
    

  .m1 
  { left: 515px;}   /*  Uvod       right: 459px;  */ 
  .m2 
  { left: 546px;    /*  Sluzby    right: 344px; */
    /* background: url('prvky/ik_popap.gif') 9.0em 2.05em no-repeat; 
   _background: url('prvky/ik_popap.gif') 9.0em 1.05em no-repeat;  */
  } 
  .m3 
  { left: 720px; }  /*  Reference (Zkusenosti)   right: 206px;  */
  .m4 
  { left: 835px;}   /*  FAQ      right: 115px;   */
  .m5 
  { left: 914px;}   /*  Kontakt   right: 2px; */
  .m5a 
  { left: 920px;}   /*  Kontakt aktivní, aby lícoval s English - prani klienta */


  .ma
  {color: #999999;
   border-bottom: solid 4px #FF1C6B;
   padding-bottom: 1.5em; _padding-bottom: 7px;
   bottom: 50px; font-size: 110%;   
  }

.holder /*  fixace souřadnic textu popapu, při zvětšení písma  */
{ position: absolute; top: 58px; _top: 46px;   
  width: 30px; height: 20px; 
  /* background-color: red; */  
}



.stred
{ margin-left: auto; margin-right: auto;  
}
  
/*  home - obr - provezeme vas naklad Evropou   */
.link2:link, .link2:hover, .link2:visited   
{border: 1px #000000 solid; display: block; 
height: 348px; width: 480px
}
.link2:hover
{border: 1px #FF1C6B solid;
} 

/*  obecný link z ruzove na bilou  */

.link3:link, .link3:hover, .link3:visited  
{font-weight: bold; color: #FF1C6B;    
}

.link3:hover	
{  text-decoration: none; 
   color: #FFFFFF;
}

/*  tlacitko prepocitej cenu  */

.tlac_cena:link, .tlac_cena:hover, .tlac_cena:visited   
{ display: block; 
  height: 36px; width: 135px;
background: url('prvky/tlac_cen.gif') 0px 0px no-repeat;
}
.tlac_cena:hover
{background: url('prvky/tlac_cen.gif') -136px 0px no-repeat;
} 

.e_tlac_cena
{ display: block; 
  height: 36px; width: 135px;
  background: url('prvky/e_tlac_cen.gif') 0px 0px no-repeat;
}
.e_tlac_cena:hover
{background: url('prvky/e_tlac_cen.gif') -136px 0px no-repeat;
} 



/* ----------  topologie sloupcu home ---------- */

.skelet
{ width: 970px;
  position: relative;
  margin-bottom: 30px; 
}

.levy
{ position: absolute;
  top: 0; left: 0;
}

.pravy
{ width: 490px;
  margin: 0 0 0 490px;
}

.sl_l
{ width: 280px;
  float: left;
}

.sl_p
{ /* background-color: red; */
  margin: 0 0 0 304px;
  width: 155px;
}


.cleaner {
  clear: both;
  height: 0;
  content: ' ';
  overflow: hidden;
}
.cleaner hr {
display: none;
}



/*  ---------------------------------------------------  */
  
.postup
  {width: 160px; /* height: 90px */
   float: left; padding: 100px 0 0 0;
   background: url('prvky/p1.jpg') 0px 0px no-repeat;
   color: #999999;
   /*font-weight: bold; */
   font-size: 108%;   
  }
.po2  {background: url('prvky/p2.jpg') 0px 0px no-repeat;}
.po3  {background: url('prvky/p3.jpg') 0px 0px no-repeat;}

.postup div
  {padding: 0 0 0 7px}
  
.proc1 
{  background: url('prvky/puntik.gif') 0px 0.8em no-repeat;
   width: 254px;
   border-bottom: 1px #404040 solid;
   padding: 6px 0 6px 20px;
   color: #CBCBCB; 
   margin: 0 6px 0 15px;  
   width: 250px;
}

/*.proc1 li
{ padding: 10px 0;
  border-bottom: 1px #404040 solid;
}
*/
  
div.none1   /* .proc1 li.none */
{ 
  border-bottom: 0px #404040 solid;
}  
  
/* rychlý kontakt na home */ 
.kontakt  
{ width: 100%; font-size: 100%; /* 11px; */ 
  padding: 14px 10px;
  background: url('prvky/h_podkl.jpg') 0px 0px no-repeat;
  line-height: 1.8em;
  /* font-weight: bold; */
}

.kontakt p
{ margin: 20px 0px;
  /*color: #999999; */
}

.adres1
{  color: #999999; 
}

h4.proc
{ font-size: 180%;/* 22px; */ 
  font-weight: normal;
  line-height: 1.5em;
  margin-top: 0; padding-top: 0;
  margin-bottom: 0.60em;
  margin-left: 5px;
  color: #999999; 
}

/* ---------- e ---------- */



.aktual   /*  styly odstavcu aktualit */ 
{ width: 235px;
  /* padding: 20px 10px 20px 0px; */
  margin-right: 10px;
  float: left; 
  line-height: 1.8em;
  color: #989898
  /* border-top: 11px #1E1E1E solid; */
  /* border-bottom: 6px #1E1E1E solid; */
}

.aktual .dat
{ color: #D2D2D2;
}
 

.aktual1   /*  styly obalu aktualit */
{  margin-bottom: 14px; 
   padding: 14px 0px 22px 0px;
   border-top: 10px #1E1E1E solid; 
   border-bottom: 6px #1E1E1E solid; 
}

.posledni  /* posledni aktualita nejvic vpravo */ 
{ margin-right: 0;
}

.dat
{ font-weight: bold;
}

.pata
{ color: #333;
  position: relative;
}


.pata1  /* obal linku na grafika */
{ position: absolute;
  display: block;
  right: 0;
  top: 30%;
   
  width: 330px;
  text-align: right;
}

.pata2:link, .pata2:visited, .pata2:hover
{ color: #4D4D4D;
  text-decoration: none;
}

.pata2:hover
{ color: #FF1C6D;
  text-decoration: underline;
}

.pata span
{ vertical-align: 90%;
}

/*
.logo_ssl
{ vertical-align: top;
}
*/


/*  topologie bezne stranky  */
.b_skelet
{ /* width: 970px; */
  position: relative;
  min-height: 100%;
  margin: 0 auto;
  text-align: left;
}

.b_hlavicka
{ position: relative; 
  width: 970px; height: 124px; 
  /*background: url('prvky/logo.jpg') -2px 40% no-repeat; */ 
  /* puvodni neklikaci logo */
  margin: 0 auto;
  z-index: 95;
  
}

.b_content
{ padding-bottom: 135px;
  background: white; 
  position: relative;
  z-index: 0;
}  
  
.b_pata
{ position: absolute;
  height: 124px;
  bottom: 0;
  width: 100%;
  background: black;
} 

.b_content p
{ width: 970px;
  margin: 25px auto;
}  

.b_logo:link, .b_logo:visited, .b_logo:hover                     /*  klikaci logo na home */
{ position: absolute; display: block;
  height: 47px;
  width: 180px;
  top: 40px; left: -10px;
  background: url('prvky/logo.jpg') 0px 0% no-repeat; 
}

.logo_print                 /* logo pro tisk */
{display: none;}


/* ------------------------------  */  

.b_pata0  /* obal na obasah patičky  */  
{ width: 970px;
  position: relative;
  margin-left: auto; margin-right: auto;
  color: #FFFFFF 
}


.b_pata1   /* copy right a info   */
{ position: absolute;
  display: block;
  left: 0;
  top: 20px;
  width: 620px;
  color: #656565;
} 
 
.b_pata1 img
{ vertical-align: middle; 
}  

.b_pata2  /* obal linku na grafika */
{ position: absolute;
  display: block;
  right: 0;
  top: 30px;
  width: 330px;
  text-align: right;
}


/* ------ reference --------- */
.b_content_in
{ width: 980px;
  position: relative;
  margin: 0 auto;
  /* background: gray; */ 
}

.b_content_in img
{ margin: 0; padding: 0; line-height: ;
  margin-top: -2px; _margin-top: 0px; 
}


.vpravo
{border-right: 1px solid #D9D9D9; }

.dole
{border-bottom: 1px solid #D9D9D9; }  

.zkus1
{ font-size: 178%; /* 20px; */  
  margin: 40px 0 0 0; font-weight: normal; padding: 0; line-height: 1.0em;
}
.zkus2
{ font-weight: bold; margin: 0 0 0 0; padding: 0; line-height: 1.0em; 
  position: relative; left: -5px; 
}

hr.cara1
{    height: 3px; 
     color: #F333333; 
     background-color: #333333; 
     border: 0px solid #333333;
     margin-top: 15px; 
     margin-left: 0;  
}

.tisk:link,  .tisk:visited, .tisk:hover 
{ background: url('prvky/ik_tisk.gif') 0% 50% no-repeat;
  padding-left: 20px;
  font-weight: bold; 
  color: #FF1C6B;
  display: block;
  /* text-align: center; */
  margin: 0 auto; margin-top: 15px;
  width: 120px;
  margin-bottom: 22px;
}


.tisk:hover	
{  text-decoration: none; 
   color: #000000; 
}

/* ----------  sluzby formular ----------------- */

/* iframe pro formular  */
.ifra
{ width: 484px; height: 80em; _height: 81.2em; /* 67.0em  */
  overflow: hidden;
	/* overflow-x: hidden; 
  overflow-y: hidden; */
  padding: 0; margin: 0;
  z-index: 0;
}

/*  obal formulare - sedy podklad - zaobleni */
.form0
{ width: 480px; 

}
.form_in
{ 
  background: url('prvky/form_t.jpg') 0px 0px no-repeat;
  background-color: #F2F2F2;
  padding: 12px 20px 12px 20px;  /*  12px 20px 12px 20px; */
}
.form_pata
{ height: 11px;
  background: url('prvky/form_b.jpg') 0px 0px no-repeat;
}


/* vlastni formular */

.form_in h2
{ font-size: 168%; /* 20px; */  
  font-weight: normal;
  margin-bottom: 7px;
}

.vysvet
{ background-color: #F0F5DE;
  border: 1px solid #98BF0E;
  padding: 7px;
}

/* 
.hvezda
{color: red; font-weight: bold; font-size: 17px; vertical-align: -5px; padding-left: 2px;}
*/

.hv2
{vertical-align: -7px;}

.blok2  /* kontejner na skupinu textovych poli */ 
{ margin-top: 1.0em; 
  /* width: 440px;*/ 
  height: 3.8em; 
  position: relative;
  /* background-color: #ADADAD; */ 
}

.in  /* obal text pole a jeho labelu */
{ /* width: 130px; */ height: 44px;
  position: absolute;
  top: 0px;
}

.in input   /*  rozmer text pole */ 
{width: 127px;}

.f1  /*  x-ova pozice jednotlivych obvalu text. poli */
{left: 0px}
.f2
{ left: 154px }
.f3
{ left: 307px }

select
{width: 436px}

label
{line-height: 1.8em ;
 padding-left: 2px;
}

h3
{ margin: 20px 0 0 0;
  font-size: 120%; /* 14px; */
  padding: 0;
}

hr.cara_form
{    height: 4px; 
     color: #999999; 
     background-color: #999999; 
     border: 0px solid #999999;
     margin: 4px 0 0 0; padding: 0;
     _margin: 0px 0 0 0;   
}

.odsaz1
{ margin-bottom: 2.4em; }

.blok3  /* kontejner na skupinu textovych poli a prikladu */ 
{ /* height: 2.6em; */ 
  margin-top: 1.0em;
  position: relative;
  z-index: 0; 
}

textarea
{width: 282px; }

.priklady
{ width: 150px;
  position: absolute;
  top: 1.6em;
  /* right: 0; _right: 9px;*/ 
  left: 298px  
}

.blok4  /* kontejner na odeslani formulare */ 
{ height: 30px;  
  position: relative;
  margin-top: 1.0em;
  text-align: right;
}

.tlac_form:link, .tlac_form:hover, .tlac_form:visited   
{ display: block; 
  height: 30px; width: 115px;
  background: url('prvky/tlac_form1.gif') 0px 0px no-repeat; 
  right: 0px; position: absolute;
}
.tlac_form:hover
{background: url('prvky/tlac_form1.gif') -115px 0px no-repeat;
} 

/*  formular po odeslání, tlacitka Dlasi kalkulace ceny dopravy, Zpet na prehled sluzeb */
.tlac_form_odesl1, .tlac_form_odesl2, .e_odesl2
{ display: block; float: left; 
  height: 35px; width: 210px;
  background: url('prvky/tlac_c_pr1.gif') 0px 0px no-repeat; 
  right: 0px; position: absolute; 
}
.tlac_form_odesl1:hover
{background: url('prvky/tlac_c_pr1.gif') -210px 0px no-repeat;
} 

.tlac_form_odesl2
{background: url('prvky/tlac_c_pr2.gif') 0px 0px no-repeat; 
 /* margin-right: 10px; */
 right: 0px; position: absolute; 
} 

.tlac_form_odesl2:hover
{background: url('prvky/tlac_c_pr2.gif') -210px 0px no-repeat;
} 

.e_odesl2
{ background: url('prvky/e_tlac_2.gif') 0px 0px no-repeat;
  right: 0px; position: absolute;
  background-color: blue;
}

.e_odesl2:hover
{background: url('prvky/e_tlac_2.gif') -210px 0px no-repeat;}

label
{ font-weight: bold;
}

.tab_form label
{ font-weight: normal;
}



/* -----------  textova cast sluzeb  ----------- */


h1
{ font-size: 190%;   /* 24px; */
  font-weight: normal;
  margin-bottom: 0;
}
h2
{ font-size: 120%;    /* 15px; */
  margin-bottom: -5px;
  margin-top: 24px;
 }

h2.maly  /*  nadpis na prani klienta  */
{ margin: 12px 0 0px 0;
  width: 100%;
  line-height: 1.5em;
  font-size: 100%; /* 11px; */
}

#sluzby_l h2    /*  rozdil v odsazu na prehledu sluzeb a vice informaci */
{ margin-bottom: -8px;
  line-height: 1.5em;
}


p.sl    /*  odst na prehledu sluzeb   */ 
{ margin: 11px 0 0 0;
  width: 100%;
}

p.sl1    /*  odst na konkretni sluzby   */ 
{ margin: 12px 0 0 0;
  width: 100%;
  line-height: 1.5em;
}

p.sl2  /*  VYRAZNY odst na konkretni sluzby   */
{ font-size: 120%;  /* 15px; */
  margin-bottom: 0;
  margin-top: 24px;
  font-weight: bold;
  width: 100%;
}

  
.vice_info   /* , .vice_info:visited, .vice_info:hover */ 
{ background: url('prvky/ik_sip1.gif') 95% 85% no-repeat;
  padding: 0 20px 0 0px;
  font-weight: bold; 
  color: #FF1C6B;
  margin: 0 0; 
}  
  
.vice_info:hover	
{  text-decoration: none; 
   color: #000000; 
}

.vice_info1   /* , .vice_info:visited, .vice_info:hover */ 
{ background: url('prvky/ik_sip.gif') 95% 85% no-repeat;}



.link4:link,  .link4:visited, .link4:hover  
{ padding: 0 0px 0 0px;
  font-weight: normal; 
  color: #FF1C6B;
  margin: 0 0; 
}  
  
.link4:hover	
{  text-decoration: none; 
   color: #000000; 
}


.link41:link,  .link41:visited, .link41:hover  
{ padding: 0 0px 0 0px;
  font-weight: bold; 
  color: #FF1C6B;
  margin: 0 0; 
}  
  
.link41:hover	
{  text-decoration: none; 
   color: #000000; 
}




table.tab1 
{  margin: 16px 0 0 0;
   vertical-align: top;
}

table.tab1 td
{ /* background: #F2F2F2; */
  padding: 5px;
  line-height: 1.4em;
  vertical-align: top;
}

table.tab2
{  margin: 16px 0px 0 0;
}

table.tab2 td
{ background: #F2F2F2;
  padding: 7px;
}



.prvni
{ font-weight: bold;}

table.tab2 td
{ /* background: #F2F2F2; */
  padding: 10px;
}

table.tab3 td
{ background: #F2F2F2;
  padding: 7px; 
}

/* ------- topologie sloupcu sluzby -------*/

#sluzby_in
{ width: 100%}
  
#sluzby_l
{ width: 470px;
  float: left; 
  padding-top: 25px;
  /* background: gray;*/
}

#sluzby_p
{ margin: 0 0 0 492px;
  padding-top: 12px;
}

/* ---------- FAQ často kladene dotazy ---------*/

.h2_faq
{ color: #323232;
  font-size: 145%;  /* 18px;  */
  padding-bottom: 6px;
  margin: 28px 0 16px 0;
  border-bottom: solid 4px #999999;
  width: 100%;
}


h3.h3_faq
{ color: #000000;
  font-size: 115%; /* 14px; */
  margin-left: 310px;
  /* padding-left: 310px; */
  margin-top: 14px;
  /* width: 100%; */
}


p.p_faq
{ color: #333333;
  display: block;
  margin-left: 310px; 
  margin-top: 5px;
  width: 650px;
  line-height: 1.5em;
  /* background: blue; */
  position: relative;  
}

.p_faq img 
{ margin-bottom: -1px;
  _margin-bottom: 0px;
 }

.p_faq1
{line-height: 1.0em; /* background: red; */ 
} 

.ssl1 /* logo ssl v FAQ */
{ position: absolute;
  display: block;
  top: 22%; left: -210px;
  /* margin-top: -80px; */
  
}

ul.odr
{ margin-left: 294px; _margin-left: 340px;  
} 
ul.odr li
{ line-height: 1.3em;
  padding-top: 0.6em;
}

.tabulka
{  margin-left: 310px;
}

.tabulka td
{ background: #F2F2F2;
  padding: 7px
}


/* ------------- kontakty ---------------- */

.kontakt0   /* obal vsech tri sloupcu */
{ width: 960px;
  height: 38.5em; /* 385px; */  
  position: relative;
  margin: 0;
  background: url('prvky/sloupce1.gif') 280px 30px no-repeat;
}

.kontakt0 p
{ line-height: 1.6em;
  margin: 1.6em 0;
  width: 100%;
}

/*  jednotlive sloupce  */

.kontakt1
{ top: 0;
  left: 0;
  position: absolute;
  width: 290px;
  /* background: gray; */ 
} 

.kontakt2
{ position: absolute;
  left: 298px;
  top: 3.0em;
  width: 296px;
  /* padding-top: 2.2em;*/
  /* background: red; */ 
}

.kontakt3
{ position: absolute;
  left: 620px;
  top: 2.7em; _top: 4.7em;
  /* background: gray; */
  width: 360px;  
} 

/*  kontextove selektory  */ 

.kontakt1 h2
{ margin-bottom: 0px;
  padding-bottom: 0; 
}

.kontakt_l   /* levy III.-tiho  */
{ /* position: absolute;*/
  float: left;
  width: 180px;
  overflow: hidden;  
  /* top: 30px; left: 0px; */
}

.kontakt_p  /* pravy III.-tiho  */
{ /* position: absolute; */
  float: left; 
  width: 180px;
  overflow: hidden; 
  /* top: 30px; left: 184px; */
}

.cekaji
{ color: #676767;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 130%; /* 16px; */
}

.kontakt3 h3
{ margin: 0.8em 0 0.5em 0;
}

/* .kontakt3 img
{ pading: 0em 0 0.5em 0;
}*/

ul.odr1
{ /* margin-left: -26px; _margin-left: 15px; */ 
  list-style: square;
} 

ul.odr1 li
{ line-height: 1.3em;
  padding-top: 0.6em;
}

ul.stupid  /* vyjimka pro odrazky v kontaktech */ 
{ margin-left: -17px; _margin-left: 25px;
  margin-top: -13px;
}


.spoc_cenu:link, .spoc_cenu:hover, .spoc_cenu:visited   
{ display: block; 
  height: 35px; width: 236px;
  background: url('prvky/tlac_c_pr.gif') 0px 0px no-repeat;
  margin: 7px auto;
}
.spoc_cenu:hover
{background: url('prvky/tlac_c_pr.gif') -236px 0px no-repeat;
}  

.e_spoc_cenu   
{ display: block; 
  height: 35px; width: 236px;
  background: url('prvky/e_tlac_c_pr.gif') 0px 0px no-repeat;
  margin: 7px auto;
}
.e_spoc_cenu:hover
{background: url('prvky/e_tlac_c_pr.gif') -236px 0px no-repeat;
}  




 
.univ
{ margin: 0 auto;
  margin-top: 50px;
  width: 650px;
  
} 
.univ h1
{ color: #676767;}

.univ span
{ color: #FF1D6C;
  font-size: 130%; /* 16px;  */
  font-weight: bold;
}

.univ ul li
{ line-height: 1.3em;
  padding-top: 0.6em;
}


h2 .link7:link, h2 .link7:hover, h2 .link7:visited
{ text-decoration: underline; 
  color: #FF1D6C;
  background: url('prvky/ik_sip.gif') 100% 70% no-repeat;
  padding-right: 14px;
}

h2 .link7:hover
{ text-decoration: none; 
  color: #000000;
}

.black, .cerna
{color: #000000}
.seda
{color: #8D8D8D}

.netucne
{ font-weight: normal;
}

.vata3
{ height: 50px;
}

.akt
{ margin: 15px;
}