/*------------------------------------------------------------------------------
Vytvořil: Jan Valuštík, jan@valustik.com, www.valustik.com
Datum: 05/2008
------------------------------------------------------------------------------*/



/* html+body -----------------------------------------------------------------*/
html{
  background:white;}

/* hlavní layout -------------------------------------------------------------*/
#ram{margin:0px auto 0px auto; padding:0px;width:100%;}

#telo_top{display:none;}
menu{display:none;} 
#telo_middle{width:100%}
  #telo_bottom{display:none;}


/* obecne prvky --------------------------------------------------------------*/
#text{width:100%}

#sloupec{display:none;}
.navigace{display:none;}

/* uvod ----------------------------------------------------------------------*/
.uvod_box{width:242px; padding:10px; float:left; margin:0px 1px 30px 1px;}
.uvod_box p{width:225px; min-height:120px; padding-left:27px; padding-bottom:10px; background:URL("../obr/uvod_box_bg.png") -2px bottom no-repeat;}
.uvod_box a{display:block; width:190px; padding:10px 0px 10px 0px; text-align:center; text-decoration:none; color:rgb(26,26,26); border-bottom:1px solid rgb(178,178,178);}
.uvod_box a:hover{color:rgb(83,131,163);}

.uvod_box_provas_head{color:rgb(83,131,163); position:relative; width:232px; height:63px; padding:5px; overflow:hidden; margin:0px;}
.uvod_box_provas_head span{position:absolute; top:0px; left:0px; width:242px; height:75px; background:URL("../obr/uvod_pro_vas.png") top left no-repeat;}

.uvod_box_profirmu_head{color:rgb(83,131,163); position:relative; width:232px; height:63px; padding:5px; overflow:hidden; margin:0px;}
.uvod_box_profirmu_head span{position:absolute; top:0px; left:0px; width:242px; height:75px; background:URL("../obr/uvod_pro_firmu.png") top left no-repeat;}

.uvod_snami{position:relative; width:100%; height:243px; padding:0px; float:left; clear:both; overflow:hidden; margin:10px 0px 40px 0px;}
.uvod_snami span{position:absolute; top:0px; left:0px; width:530px; height:263px; background:URL("../obr/uvod_snami.png") top left no-repeat;}
/* novinky -------------------------------------------------------------------*/
.novinky_box{width:100%; margin:0px 0px 30px 0px; padding:0px;}
.novinky_box p{margin:0px;}
.novinky_box em.datum{color:rgb(83,131,163);}/*datum v tom je*/
.novinky_box h3{margin:0px 0px 7px 0px;}
/* sluzby --------------------------------------------------------------------*/
a.kalkulacky_siroke{float:left; clear:both; position:relative; overflow:hidden; width:100%; height:29px; margin:10px 0px 20px 0px;padding:0px; cursor:pointer;}
a.kalkulacky_siroke span{position:absolute; top:0px; left:0px; width:100%; height:49px; padding:0px; background:URL("../obr/kalkulacky_siroke.png") top left no-repeat;}

a.zeptejtese_siroke{float:left; clear:both; position:relative; overflow:hidden; width:100%; height:29px; margin:10px 0px 60px 0px;padding:0px; cursor:pointer;}
a.zeptejtese_siroke span{position:absolute; top:0px; left:0px; width:100%; height:49px; padding:0px; background:URL("../obr/zeptejtese_siroke.png") top left no-repeat;}
/* kariera -------------------------------------------------------------------*/
a.prace_siroke{float:left; clear:both; position:relative; overflow:hidden; width:100%; height:29px; margin:10px 0px 10px 0px;padding:0px; cursor:pointer;}
a.prace_siroke span{position:absolute; top:0px; left:0px; width:100%; height:49px; padding:0px; background:URL("../obr/prace_siroke.png") top left no-repeat;}
/* kontakt -------------------------------------------------------------------*/
.kontakt_box{float:left; text-align:left; width:100%; margin:0px; margin-bottom:10px; min-height:340px; padding:0px;}
.kontakt_box h3{margin-bottom:20px;}
.kontakt_box img{width:250px; height:250px; float:left; margin:0px; margin-right:20px;border:2px solid rgb(186,22,22);}
.kontakt_box p{line-height:1.8em;}
.kontakt_box p strong{line-height:1.0em;}
.kontakt_box p.mapa{float:right;clear:both;}

.kontakt_box_2{float:left; text-align:left; width:100%; margin:0px; margin-bottom:35px; padding:0px;}
.kontakt_box_2 p{line-height:1.8em;}
.kontakt_box_2 address{line-height:1.8em;font-style:normal;}
.kontakt_box_2 .skype{margin:0px;border:0px;vertical-align:middle; width:auto; height:auto;}
address{width:40%; padding:10px; margin:5px; float:left;}
/* forum ---------------------------------------------------------------------*/
.forum_box{width:100%; padding:0px; margin:0px 0px 30px 0px;}
.forum_box h3{font-size:1em; font-style:normal; background:rgb(63,63,63); color:white; padding:6px; margin:0px;}
.forum_box h3 em{float:right;}
.forum_box h3.forum_aktivni{background:rgb(113,161,193); color:white;}
.strankovani{width:530px; padding:0px; margin:0px 0px 40px 0px;clear:both; text-align:right;}

/* drobne prvky zprehlednujici kod -------------------------------------------*/
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

.text-big{font-size:1.2em;}

.text-bold{font-weight:bold;}

.text-red{color:rgb(186,22,22);}
.text-orange{color:rgb(220,51,0);}
.text-green{color:rgb(83,83,29);}
.text-blue{color:rgb(83,131,163);}

.border-none{border:0px;}

.float-right{float:right;}
.float-left{float:left;}

.clear-both{clear:both;}

.help{cursor:help;border-bottom:1px dashed rgb(206,22,22);}

.display-none{display:none;}

.povinne{color:rgb(220,51,0); text-align:right;}
p.zvyrazneny{padding:20px; background:rgb(240,240,240);}

/*tagy*/  
a{color:rgb(83,131,163);}
a:hover{color:rgb(3,51,83)}

h1{
  font-size:1.5em;
  font-weight:bold;
  color:black;
  margin:0px;
  padding:0px;}
  
h2{
  text-align:left;
  padding:0px;
  margin:0px 0px 23px 0px;
  font-size:1.75em;
  font-weight:normal;}

h3{
  font-size:1.3em;
  font-weight:bold;
  color:rgb(83,131,163);
  margin:0px;
  margin-bottom:10px;
  padding:0px;}

p{margin:0px; margin-bottom:30px;padding:0px;line-height:1.6em;}
	
img{border:6px solid rgb(243,243,243); margin:5px;}
	  
hr{display:none;}


form br{display:none;}
  
input{display:block;width:330px;color:black;margin:0px;margin-bottom:15px;padding:10px;padding-top:5px;padding-bottom:5px;background:rgb(253,253,253);border:1px solid rgb(203,205,203);}
textarea{display:block;width:330px;color:black;background:rgb(253,253,253);border:1px solid rgb(203,205,203);padding:5px;}
select{display:block;width:80px;color:black;margin:0px;margin-bottom:15px;padding:10px;padding-top:5px;padding-bottom:5px;background:rgb(253,253,253);border:1px solid rgb(203,205,203);}
.tlacitko{background:rgb(113,161,193);border:0px solid rgb(186,22,22);width:352px;cursor:pointer;color:white; padding:8px 0px 8px 0px; font-size:1em;}


table{width:520px; padding:0px; border:5px solid rgb(250,250,250);border-collapse:separate;}
table td{padding:5px; background:rgb(240,240,240); border:0px solid rgb(170,170,170); }



form.form_kalkulacky input{display:inline; vertical-align:middle; width:150px;color:black;margin:0px;margin-bottom:8px;padding: 2px 0px 2px 0px; background:rgb(253,253,253);border:1px solid rgb(203,205,203);}
form.form_kalkulacky select{display:inline;width:150px; color:black;margin:0px;margin-bottom:8px;padding: 0px 0px 0px 0px; background:rgb(253,253,253); border:1px solid rgb(203,205,203);}
form.form_kalkulacky select.kratky{width:70px; vertical-align:middle; color:black;margin:0px 0px 8px 5px; padding: 0px 0px 0px 0px; background:rgb(253,253,253); border:1px solid rgb(203,205,203);}
form.form_kalkulacky .tlacitko{background:rgb(113,161,193);border:0px solid rgb(186,22,22);width:200px;cursor:pointer;color:white; padding:8px 0px 8px 0px; font-size:1em; margin:15px 0px 15px 0px;}
form.form_kalkulacky .text-bold{color:rgb(63,111,143);}
form.form_kalkulacky .display-none{display:none;}

form.form_kontakt{display:none;}