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



/* html+body -----------------------------------------------------------------*/
html{
  background:rgb(210,210,210);}

body{min-height:600px; font-family: sans-serif; color:rgb(51,51,51);font-size:small;text-align:center;padding:0px;margin:0px; }

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

#telo_top{text-align:left; width:920px; height:290px; margin:0px;padding:0px; background:rgb(253,253,253) URL("../obr/top.png") top left no-repeat;}
#telo_top h1{display:none;}
#telo_top a{color:rgb(40,40,40);text-decoration:none; font-size:0.9em;}

#telo_top a.logo{position:relative; display:block; width:236px; height:79px; padding:10px; margin:0px; overflow:hidden; cursor:pointer; text-align:left; text-decoration:underline; font-size:1.5em;}
#telo_top a.logo span{position:absolute; top:0px; left:0px; width:256px; height:99px; padding:0px; margin:0px; background:URL("../obr/logo.png") top left no-repeat;}

menu{list-style:none;width:910px;background:rgb(56,56,56) URL("../obr/menu_bg.png") top right no-repeat;padding:0px 0px 0px 10px;margin:0px; font-size:1em; float:left; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;} 
menu li{float:left; padding-top:14px; padding-bottom:14px;}
menu li a{color:white; text-decoration:none; text-transform:uppercase; margin:0px; padding:0px; margin-left:10px; margin-right:10px;}
menu li a:hover{color:rgb(136,145,151);}

menu li a.menu_forum{margin-left:130px; color:rgb(56,56,56); font-size:0.85em; font-weight:bold; background:rgb(212,230,236);}
menu li a.menu_forum:hover{color:rgb(106,115,121);}
menu li a.menu_objednavka{color:rgb(56,56,56);font-size:0.85em; font-weight:bold; background:rgb(212,230,236);}
menu li a.menu_objednavka:hover{color:rgb(106,115,121);}

menu li.aktivni{padding-top:12px;}
menu li.aktivni a{color:rgb(136,145,151);}

#telo_middle{width:920px;float:left;background:white URL("../obr/middle.png") top left repeat-y;margin:0px;padding:0px;}
  
#telo_bottom{float:left;width:900px;position:relative;margin:0px;padding:0px;padding-top:0px;padding-bottom:0px; padding-left:20px;background:rgb(56,56,56);color:white;text-align:center;font-size:1em;clear:both;}
#telo_bottom p{display:block; float:left; background:none; margin-left:10px; padding-top:50px;}
#telo_bottom a{color:white; margin:0px 8px 0px 8px;}
#telo_bottom a:hover{text-decoration:none;}
#telo_bottom a.aktivni{text-decoration:none; color:rgb(186,22,22);}
#telo_bottom a.copy{position:relative; bottom:10px; right:10px; color:white; font-size:0.85em; text-decoration:none;}
#telo_bottom a.piste{width:287px; height:120px; float:left; font-size:0.85em; margin:0px; border:0px; text-decoration:none; background:URL("../obr/bottom.gif") 0px 0px no-repeat;}
#telo_bottom a.piste span{display:none;}

/* obecne prvky --------------------------------------------------------------*/
#text{width:530px;float:left;color:rgb(15,15,15);text-align:left;line-height:1.5em;margin:0px;padding:30px;}

#sloupec{width:260px;float:left;margin:0px;padding:30px 10px 0px 35px; text-align:left;}
#sloupec h2{font-size:1.35em;font-weight:normal; margin:0px 0px 5px 0px; text-transform:uppercase;}
#sloupec h3{font-size:1.15em;font-weight:normal; clear:both; margin:5px 0px 3px 0px; color:rgb(87,128,155);}
#sloupec p{clear:both; margin:5px 0px 5px 0px;}

#sloupec a.cely_clanek{float:right; color:rgb(87,128,155);}
#sloupec a.cely_clanek:hover{text-decoration:none;}

a.kalkulacky{position:relative; display:block; width:235px; height:108px; padding:10px; margin:auto; overflow:hidden; cursor:pointer; text-align:left;}
a.kalkulacky span{position:absolute; top:0px; left:0px; width:255px; height:128px; padding:0px; margin:0px; background:URL("../obr/sl_kalkulacky.gif") top left no-repeat;}

#sloupec a.kontakt{position:relative; display:block; width:235px; height:148px; padding:10px; margin:auto; overflow:hidden; cursor:pointer; text-align:left;}
#sloupec a.kontakt span{position:absolute; top:0px; left:0px; width:255px; height:168px; padding:0px; margin:0px; background:URL("../obr/sl_kontakt.gif") top left no-repeat;}

.navigace{/*nahoru + tisk*/ text-align:right; clear:both; color:rgb(83,131,163);}
.navigace a{margin:0px 5px 0px 0px;}
/* 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:510px; height:243px; padding:10px; 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:530px; float:left; margin:0px 0px 30px 0px; padding:0px;}
.novinky_box p{margin:0px; margin-bottom:10px;}
.novinky_box em.datum{float:right; clear:both; 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:510px; height:29px; margin:10px 0px 20px 0px;padding:10px; cursor:pointer;}
a.kalkulacky_siroke span{position:absolute; top:0px; left:0px; width:530px; 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:510px; height:29px; margin:10px 0px 60px 0px;padding:10px; cursor:pointer;}
a.zeptejtese_siroke span{position:absolute; top:0px; left:0px; width:530px; 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:510px; height:29px; margin:10px 0px 10px 0px;padding:10px; cursor:pointer;}
a.prace_siroke span{position:absolute; top:0px; left:0px; width:530px; height:49px; padding:0px; background:URL("../obr/prace_siroke.png") top left no-repeat;}
/* kontakt -------------------------------------------------------------------*/
.kontakt_box{float:left; text-align:left; width:530px; 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:530px; 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:230px; padding:10px; margin:5px; float:left;}
/* forum ---------------------------------------------------------------------*/
.forum_box{width:530px; 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;}