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



/* html+body -----------------------------------------------------------------*/
html{
  background:#999;}

body{margin:0 auto;
padding:0;
background:#999 ;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;}

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

#telo_top{text-align:center; width:1000px; height:254px; margin:0px;padding:0px; }

input {font-size:0.9em;color:black;margin:0px;margin-bottom:0px;padding:0px;background:#ddd;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;}

menu{list-style:none;width:1000px;background:rgb(56,56,56) URL("../images/bar_bg.gif") top left repeat-x;padding:0px 0px 0px 0px;margin:0px; font-size:0.9em; float:left; font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;height:27px;line-height:27px;} 
menu li, menu li a{float:left; color:white; text-decoration:none; text-transform:uppercase; margin:0px; padding:0px; margin-left:10px; margin-right:10px}

menu li input .submit{background-color:#ddd;margin:5px;width:20px;}

#telo_middle{width:1000px;float:left;background:#fff0d7;margin:0px;padding:0px;}
  
#telo_bottom{float:left;width:980px;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:20px;}
#telo_bottom a{color:white; margin:0px 8px 0px 8px;}
#telo_bottom a:hover{text-decoration:none;}

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

#sloupec{width:250px;float:left;margin:0px;padding:10px 10px 0px 15px; text-align:left;}
#sloupec .top{font-size:1.35em;font-weight:normal; margin:0px; text-transform:uppercase;background-image: url(../images/menu_top.gif);
top left no-repeat;height:21px;}
#sloupec h3{font-size:0em;font-weight:normal; clear:both; margin:0px; background-image: url(../images/menu_bar.gif);
top left no-repeat;height:48px;}
#sloupec div{clear:both; margin:0px;background: url(../images/menu_bg.gif) top left repeat-y;padding-left:25px;}
#sloupec .bottom{font-size:1.35em;font-weight:normal; margin:0px; text-transform:uppercase;background-image: url(../images/menu_bottom.gif);
top left no-repeat;height:21px;}

#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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/uvod_snami.png") top left no-repeat;}
/* novinky -------------------------------------------------------------------*/
.novinky_box{width:640px; float:left; margin:0px 0px 30px 0px; padding:0px;}
.novinky_box p{margin:0px; margin-bottom:3px;}
.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("../images/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("../images/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("../images/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:0px solid yellow; margin:5px;}
	  
hr{display:none;}


form br{display:none;}
  
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:530px; padding:0px; border:1px solid rgb(250,250,250);border-collapse:separate;}
table td{padding:0px;margin:0; border:1px solid rgb(170,170,170); }



.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
.indent3 { padding-left: 3em; }
.indent4 { padding-left: 4em; }
.indent5 { padding-left: 5em; }

.item{padding:0px;border:1px solid #999;margin:0 0 15px 0;background:#fff }
.item h3 {background:#efebde;height:20px;line-height:20px;font-size:12px;}
.item p{padding:0 5px;}
.item h3 a{text-decoration:none;font-size:14px;padding-left:20px;background:url(../images/triangle.gif) left 5px no-repeat}