body {background: #EEE url("../graphics/bg.gif"); padding: 0; margin:0; color: #000; font-family: Tahoma, Verdana, Arial; font-size: 12px; _behavior: url("vzhled/csshover.htc");} 
h1 {color: #EEE; border: 1px solid #CCC; font-size: 20px; letter-spacing: 1px;  margin: 10px 0 15px 0; padding: 10px; background: #555555;}
h2 {color: #EEE; border-bottom: 4px solid #CCC; font-size: 18px;  margin: 15px 0 0 0; padding: 6px 6px 6px 20px; background: #555555;}
h3 {color: #000000; border-bottom: 4px solid #000000; font-size: 16px;  margin: 15px 0 5px 0; padding: 3px 3px 3px 24px; }
h4 {color: #000000; font-size: 14px;  margin: 5px 0 5px 0; padding: 3px 3px 3px 30px; }
p {padding:10px; margin: 0; line-height : 150%;}
a, a:visited {color:#FF6600;}
a:hover {color:#8C0D35; text-decoration: none;}
ul {margin: 10px;}
li {margin: 2px 10px 2px 10px;}
a img{border:none;}

.mala{font-size: 11px;}

.light {background: #EEE; padding:10px; margin: 0; line-height : 150%;}

.dark {background: #555555; color:#DDD; padding:10px; margin: 0; line-height : 150%;}
.slouplight {width: 135px; float:left; background: #EEE; padding:10px; margin: 0; line-height : 150%; }
.sloupdark {width: 135px; float:left; background: #555555; color:#DDD; padding:10px; margin: 0; line-height : 150%; }

/**************** struktura stranky ***********************/
#stranka {width: 1000px; padding: 0; margin:10px auto 0 auto; background: #A9A9A9; border: 1px solid #666666;}
#hlavicka {left: 0%; right: 100%; height: 100px; margin: 0; padding: 0; background: url("../graphics/head.jpg");}

#uzivatel {left: 0%; right: 100%; height: 36px; margin: 0; padding: 0; color: #FFF; background: url("../graphics/menu.gif");}

#hlavni {clear: both; width: 100%; color: #222; margin: 0; padding: 0; background: #A9A9A9;}

#zapati {left: 0%; right: 100%; height: 30px; clear: both; margin: 0; margin: 0; padding: 0; text-align: center; line-height : 30px; color: #FFF; background: url("../graphics/menu.gif");}


/* navigace rozbalovaci */

.menu {margin: 0 0 0 110px;  height: 29px; font-size: 14px; white-space : nowrap; font-weight: bold; letter-spacing: 1px;}

/********************* Obsah stranky ***********************/
/* panely */
#levy {float: left; width: 180px; margin: 0; padding: 0;}
#pravy {float: right; width: 180px;  margin: 0; padding: 0;}
.pl {width: 160px; margin: 20px 5px 10px 15px; padding: 0;}
.pl h2 {border-bottom: none;display:block; height: 26px; color: #FFF; margin: 0; padding: 3px 4px 0 16px; font-size: 14px; letter-spacing: 1px; background: url("../graphics/panel_h2.gif");}
.pl p {margin: 0; padding: 8px; font-size: 12px;}

.pl ul {margin: 0; padding: 0; }
.pl li {list-style: none; line-height : 22px; font-weight: bold; margin: 0; padding: 0; background: url("../graphics/plug.gif"); }
.pl li a {display:block; height : 22px; padding: 2px 0px 0px 10px; margin: 0; text-decoration: none; color: #555555;}
.pl li a:hover{color: #FFF; background: #888;}
.pl li .active,.pl li .active:hover  {color: #FFF; background: #555555;}
.pl ul ul {width: 160px; background: #FFF;}
.pl li li a {padding: 2px 0px 0px 15px; font-weight: normal; color: #000; background: #FFF;}

.pl ul ul ul {background: #FFEDDD;}
.pl li li li a {padding: 2px 0px 0px 20px; color: #000; background: #FFEDDD;}
.pl li li li a:hover {color: #FFF; background: #FF7800;}



.pr {width: 160px; margin: 20px 15px 10px 5px; padding: 0;}
.pr h2 {border-bottom: none; display:block; height: 26px; color: #FFF; margin: 0; padding: 3px 4px 0 16px; font-size: 14px; letter-spacing: 1px; background: url("../graphics/panel_h2.gif");}
.pr p {margin: 0; padding: 8px; font-size: 12px;}


#aktuality p{
    padding:0;
    margin:0;
}
#aktuality h3{
    font-size:10pt;
    margin:0 0 0.5em 0;
    padding:0;
    border:none;
}

/* obsah */
#obsah { margin: 0px 180px 0 180px; padding: 10px 10px 0 10px;  color: #000;}
.item { text-align: center; float: left; line-height : 18px; width: 143px; margin: 5px 8px 20px 2px; height: 200px; color: #000;}
.item a {margin: 0px; color: white; text-decoration: none;}
.item a:hover {color: white; text-decoration : underline;}

.item_in {border-top: 1px solid #CCC; border-left: 1px solid #CCC;border-right: 1px solid #CCC;width: 141px; text-align: center; margin: 0 auto 0 auto; padding: 10px 0 5px 0; color: #FFF; background: #555555; }
.item img {margin: 0 auto 0 auto; padding: 0; border: none; display:block; possition: relative; height: 135px;}
.item a img {margin: 0 auto 0 auto; }
.item p {display:block; color: white; margin: 5px auto 0 auto; padding: 0;}

.fig {float: left; margin: 8px 16px 8px 8px; padding: 0;}
.figdark {float: left; margin: 8px 16px 8px 8px; padding: 0; border: 3px solid #555555;}

.figr {
  float: right; 
  margin: 4px 4px 4px 4px; 
  padding: 1px;
  border: 2px #555555 solid;
}


.light td {background: #EEE; color: #555555; vertical-align: top;}

td.tes {
  background-color: transparent;
  vertical-align: top;
  padding-left: 29px
  }

td.tes2 {
  background-color: transparent;
  vertical-align: top;
  padding-left: 18px
  }

td.tes3 {
  background-color: transparent;
  vertical-align: top;
  padding-left: 27px
  }

td.tes4 {
  background-color: transparent;
  vertical-align: top;
  padding-left: 8px
  }


.figrdark {float: right; margin: 4px 8px 16px 8px; padding: 0; border: 3px solid #555555;}
.figs {text-align: center; margin: 8px auto 8px auto; padding: 0;}

button {padding: 0 7px 7px 0; margin: 0 0 0 20px; border: none; width: 100px; height: 30px; font-weight: bold; color: #FFF; background: url('../graphics/button.gif');}
.buttons {padding: 0 7px 7px 0; margin: 0 0 0 50px; border: none; width: 55px; height: 30px; font-weight: bold; color: #FFF; background: url('../graphics/buttons.gif');}
input  {padding: 2px; margin: 2px; color: #000;}
form  {margin: 0px;}

.akce { margin-top: 4px;  line-height: 20px; font-size: 12px; background: #DDD;display:none;}
.akce a{display:block;width:100%;height:100%;text-decoration: none;}
.akce a:hover {text-decoration: underline;}
.akce .text_outer{display:block;padding-top:1em;}
.akce .name,.akce .category{color: #555555;}
.akce .name{font-weight: bold;}

.group_1{display:block;}
.mini img {margin: 4px 10px 4px 4px;  border:2px solid #555555;float:left}

ul.dark  {font-weight: bold; background: #555555; color:#DDD; padding: 10px 10px 5px 50px; margin: 0; line-height : 150%;}

.svitidla td {background: #EEE; color: #555555; vertical-align: top;}
.svitidla {background: #EEE; color: #555555; vertical-align: top;}
.svitidla ul {background: #EEE; color: #555555; vertical-align: top;}
.svitidla h2 {color: #555555; border-bottom: none; font-size: 18px;  margin: 0; padding: 6px 6px 6px 20px; background: #EEE;}
.svitidla h3 {color: #555555; border-bottom: 4px solid #A9A9A9; font-size: 16px;  margin: 0 0 5px 0; padding: 3px 3px 3px 3px; }
.svitidla img {margin: 4px; padding: 0; border: 3px solid  #A9A9A9;}

.svitidla td.tdark {height: 4px; background: #A9A9A9; color:#A9A9A9; }

#realizations_like img{
    float:left;
    padding:10px;
}
#realizations_like a{
    color:#000000;
}
#realizations_like h3{
    border:none;
    padding-left:5px;
}
.realizations_like_item{
    border-bottom:1px solid silver;
}
.delete_realizations_like_link{
    padding:10px;
}
#volne_pozice_ul{
    list-style-type:none;
}

#volne_pozice_ul li a{
    font-weight:bold;
    font-size:10pt;
    color:#000;
}
#job_detail{
    padding:20px;
}
#job_detail h1, #job_detail h2{
    font-size:12pt;
    background:none;
    margin:0 0 0.5em 0;
    padding:0;
    border:none;
    color:black;
    font-weight:bold;
    letter-spacing:normal;
}
#job_detail h2{
    font-size:10pt;
    margin-top:1em;
}
#delete_job_p{
    float:right;
}
#delete_job_p a{
    color:black;
}
#back_to_jobs_list a{
    color:#000;
}
#paticka {clear: both; height: 20px; margin: 0; padding: 0; text-align: center; line-height : 20px; background: #EEE;}

/* KONTAKTNÍ FORMULÁŘ */

#contact_form input{
    width:200px;
    margin:0;
}

#contact_form .submit{
    width:auto;
    float:left;
}
#contact_form textarea{
    width:420px;
}
#contact_form .red{
    color:red;
}
#contact_form .sex{
    display:none;
}

/* ADMINISTRACE */

.popup_div{
	display: none;
	position:absolute;
	background-color: #555555;
	color:#fff;
	border:2px solid gray;
}
.popup_div h2{
    padding:0;
    margin:1em 0 0 0;
    font-size:10pt;
    border: none;
}
.popup_div p{
    margin:0 0 0.5em 0;
}
.popup_div td{
    padding:4px;
    border: 1px solid silver;
}
.popup_div td td, .popup_div p{
    padding:0;
    border:0;
}
.popup_div .message{
    text-align: center;
}
.popup_div .heading{
    background-color: #A93051;
    background: url("../graphics/menu.gif");
    cursor: move;
}
.popup_div .heading .title{
    float: left;
    font-weight: bold;
}
.popup_div .heading .close{
    float: right;
}
.popup_div .heading .close a{
    border-bottom: 1px dashed;
}
.popup_div .heading .close a:hover{
    border-bottom: none;
}
.popup_div .heading .close a, .popup_div .heading .close a:hover{
    color: #fff;
    text-decoration: none;
}
.show_popup_div_link a{
     color:#000;
     font-weight:bold;
}

/* NOVINKY POPUP */

#novinky_div tr{
	height:2em;
}
#novinky_div td{
    padding-right:3px;
    padding-left:3px;
}
#novinky_div .categories_select{
    width:150px;
    display:none;
    
}
#novinky_div .products_select{
    width:300px;
    display: none;
}
#novinky_div .cell_title{
    display:none;
}

/* AKTUALITY POPUP */

#aktuality_div textarea{
    width:400px;
}
#aktuality_div form{
    margin-bottom:1em;
}

/* VOLNA POZICE POPUP */

#volna_pozice_div textarea{
    width:400px;
    height:100px;
}
#aktuality_div form{
    margin-bottom:1em;
}

/* SMAZANI OBRAZKU V REALIZACICH */

form.del_img {
	width: 120px;
	
	display: inline;
}

input.submit_img {
	border: 1px solid black;
	font-size: 10px;
	margin-left: 30px;
}