/* include spolecnych prvku pro vsechny stranky */
@import url('/css/default-all.css');

/* spolecna definice css stylu pro layout druhe generace */
/*** obecne prvky ***/
strong, .bold {
 font-weight: bold;
}
em {
 font-style: italic;
}
a:link,
a:visited {
 text-decoration: underline;
}
a:hover,
a:active,
a:focus {
 text-decoration: none;
}
h1 {
 font-size: 140%;
 font-weight: bolder;
 /*font-family: Georgia,"New York CE",utopia,serif;*/
}
h2 {
 font-size: 120%;
 font-weight: bolder;
 /*font-family: Georgia,"New York CE",utopia,serif;*/
}
h3 {
 font-size: 110%;
 font-weight: bolder;
}
p, pre, code, form, ul, ol, table, .prvek_s_listou {
 margin: 0.25em 0 0.75em 0;
}
p {
 text-align: left;
}
code {
 margin-top: 0.75em;
 padding: 0.25em 0.50em;
 border: 1px dotted #FF9900;
 background-color: #fff1da;
 color: #714400;
}
em {
 font-style: italic;
}
ul {
 margin-bottom: 1em;
 margin-left: 2em;

 list-style: disc outside;
}
li {
 line-height: 1.50em;
}
pre {
 font-family: monospace;
 font-size: 120%;
}
pre {
 padding: 10px;
 overflow: scroll;
}
input, textarea, select {
 border: 1px solid #b3b3b3;
 padding: 2px 3px;
 margin: 0;
}
textarea {
 font-size: 100%;
}
table {

}
table th,
table td {

}
table th {
 font-weight: bold;
}
.tableRamecek table, table.tableRamecek,
.table_ramecek table, table.table_ramecek {
 border-collapse: collapse;
}
.tableRamecek table th, table.tableRamecek th,
.tableRamecek table td, table.tableRamecek td,
.table_ramecek table th, table.table_ramecek th,
.table_ramecek table td, table.table_ramecek td {
 border: 1px solid #b3b3b3;
}

table.table_visual {
 
}
table.table_visual th, table.table_visual td.as_th {
 background: #e1e1e1 url('/css2_img/table_visual_th.gif') top left repeat-x;
}
table.table_visual td {
 background-color: #FFF;
}
table.table_visual th, table.table_visual td {
 padding: 0.4em 0.5em;
}
table.table_visual tr.podklad, table.table_visual th.podklad, table.table_visual td.podklad {
 background-color: #f1f1f1;
}

.full_width table.full_width {
  width: 100%;
}

.as_hr {
 background: transparent url('/css2_img/hr.png') center left repeat-x;
}

/* info hlasky */
#info_notices {
 background-color: #fafafa;
 border: 1px solid #e6e6e6;
 border-bottom-color: #dedede;
 border-right-color: #dedede;
 padding: 0.5em 0.75em;
 margin-bottom: 0.75em;
}

/* skelet */
html, #copyright, #others_sites {
 background: #e1e1e1 url('/css2_img/html_bg.png') 0px 287px repeat-x;
}
body {
 width: 960px;
 padding: 0 3px;
 margin: 110px auto 0 auto;
 position: relative;

 font-size: 75%;
 line-height: 1.75;

 background: #f7f7f7 url('/css2_img/body_bg.png') top left repeat-y;
}
body, textarea {
 font-family: verdana, arial, helvetica, sans-serif;
}


/* header */
#header, #menu {
 height: 85px;
}
#header {
 margin-bottom: 30px; /* udelani si mista na absolutne pozicovane vyhledavani a akt. nav. */
}
#header a {
 text-decoration: none;
 background-color: transparent;
 margin-left: 1px;
 display: block; 
 width: 200px; height: 80px;
}
#header span {
 display: none;
}

/* menu */
#menu {
 position: absolute;
 left: 191px; top: 0px; /* musi byt minimalne tak siroky, jako je logo, aby ho neprekryvalo */
 z-index: 300;
}
#menu ul.level_1 {
 margin: 0;
 padding: 0;
}
#menu ul.level_2 {
 margin: 0;
 padding: 0;
}
#menu ul.level_1 ul {
 display: none; 
}
#menu ul.level_2 ul {
 display: none;
}
#menu ul.level_1 li {
 list-style-type: none;
 display: inline;
}
#menu ul.level_2 li {
 display: block;
}
#menu ul.level_1 li a,
#menu ul.level_1 li.active div {
 margin-left: 23px;
 margin-top: 32px;
 width: 80px;
 height: 32px;
 float: left;
 background-position: top left;
 background-repeat: no-repeat;
 background-color: transparent;
 text-decoration: none;
}
#menu ul.level_2 li a {
 margin: 0 0;
 padding: 0 0;
 width: auto; height: auto;
 float: none;
}
#menu ul.level_1 li:hover a, #menu ul.level_1 li:focus a, 
#menu ul.level_1 li.active a, #menu ul.level_1 li.active div {
 background-position: 0 -32px;
}
#menu ul.level_2 li:hover a, #menu ul.level_2 li:focus a {
 background-position: 0 0;
}
#menu ul.level_1 li a span,
#menu ul.level_1 li.active div span {
 display: none;
}
#menu ul.level_2 li a span {
 display: inline;
}
#menu ul.level_1 li:hover ul {
 display: block;
 position: absolute;
 left: 0px;
 top: 0px;
 margin-top: 57px; /* nastaveni vysky, v ktere se bude zobrazovat hover menu */
 z-index: 300;

 border-bottom: 6px solid transparent;
}
#menu ul.level_1 li:hover ul ul {
 display: none;
}
/* v lokalnim default.css definovano leve odsazeni jednotlivych submenu */

#menu ul.level_2 li {
 background: transparent url('/css2_img/opaque.png') top left repeat;
}
#menu ul.level_2 li.last {
 padding-bottom: 4px;
}
#menu ul.level_2 li a,
#menu ul.level_2 li div {
 display: block;
 padding: 0.15em 1em 0.15em 18px;
 height: 25px; line-height: 25px;
 font-weight: bold;
 border-bottom: 0px solid black;
}

/* content */
#content {
 min-height: 400px;
 padding: 0 25px; /* u zmeny leveho a praveho paddingu pripadne zmenit i #activepath, #search_box */
 margin-bottom: 25px;
}

/* titulky */
.zvyrazneniInvers { /* zvyrazneni zarazene pred hlavnim titulkem, napisi jako 'dnes', 'doporucujeme' atd */
 float: left;
 /* background color in site css */
 /* color in site css */
 font-weight: bold;
 font-size: 80%;
 padding: 1px 5px 2px 5px;
 margin: 0.35em 0.5em 0 0;
 border: 1px solid transparent; /* border color in site css */
}

/* prvky v obsahu */
.mainpict_shadow,     /* odkaz jako mainpict (85x57 px idealne) obrazek s efektem stinu */
.mainpict_shadow_x,
.mainpict_shadow_uni {  /* (170x103 px idealne) */
 float: left;
 font-size: 0;
 line-height: 0;
 padding: 0 6px 6px 0;
 margin-right: 3px;
 background: transparent none bottom right no-repeat;
}
.mainpict_shadow img,
.mainpict_shadow_x img,
.mainpict_shadow_uni img {
 border-width: 1px;
 border-style: solid;
}
.mainpict_shadow_uni img {
 border-color: #d6d6d6; /* pevne dana barva */
 border-right-width: 0;
 border-bottom-width: 0;
}
.prvek_s_listou {
 
}
.prvek_s_listou div {
 background-color: #eaeaea;
 height: 16px; padding: 5px;
}

.prvek_s_listou div .item {
 margin-right: 5px;
}
#content ol, #content ul {
  list-style-type: none;
  margin-left: 20px
}
#content ol li,
#content ul li {
  list-style-image: none;
}
#content h1.large-x {
 font-size: 200%; 
}
#content h1.large-xx {
 font-size: 250%; 
}

/* bottom: copyright, other site´s and wrapper */
#copyright, #others_sites {
 width: 966px;
 margin: 0 0 0 -3px;

 text-align: center;
 background-position: top left;
 background-repeat: no-repeat;
}
#copyright {
 padding: 1em 0 0 0;

 background-image: url('/css2_img/body_bg_btm.png');
}
#others_sites {
 padding: 0 0 6em 0;

 background-image: none;
}
#others_sites ul  {
 margin: 0;
}
#others_sites ul li {
 display: inline;
 font-size: 80%;
}
#others_sites ul li:after {
 content: " | ";
 margin: 0 0.50em;
 font-size: 60%;
}
#others_sites ul li[class=last]:after {
 content: "";
}
#wrapper {
 position: absolute;
 top: 0px;
 left: 0px;

 width: 966px; height: 6px;
 z-index: 300;
 background: transparent url('/css2_img/body_bg_top.png') top left no-repeat;
}


/*** aktualni pozice ***/
#activepath, #search_box {
 position: absolute;
 top: 85px;
 z-index: 10;
 
}
#activepath { /* barvy definovane v site css */
 left: 28px;  /* musi by stejny jako padding u kontextu + 3px padding u body */
}
#activepath .last {
 text-decoration: none; 
}


/*** dvousloupcovy layout divy */
.column_two {
 float: none;
}
.column_l {
 float: left;
}
.column_r {
 float:right;
}


/*** dvousloupcovy layout pro pravy panel obsahujici reklamu 250x250 */
.column_two_for_right_panel {
 width: 910px;
}
.column_two_for_right_panel {
 width: 910px;
 text-align: left;
}
.column_two_for_right_panel .column_l {
 width: 633px; /* prima modifikace v: poradna.css */
}
.column_two_for_right_panel .column_r {
 width:252px;
 padding-left: 16px;
}

.column_two_for_right_panel .column_l .column_l,  /* levy panel je obsahovy a muze */
.column_two_for_right_panel .column_l .column_r { /* obsahovat dalsi dvousloupcovy layout, vychozi */
  width: 306px; /* coz predstavuje 50% sirku */
  padding: 0;
}
.column_two_for_right_panel .column_l .column_l {
  padding-right: 10px;
}
.column_two_for_right_panel .column_l .column_r {
  padding-left: 10px;
}

.column_two_for_right_panel .column_l .column_two_for_foto_panel .column_l,  /* dalsi varianta vnoreneho dvousloupce */
.column_two_for_right_panel .column_l .column_two_for_foto_panel .column_r { /* pro pravy panel s fotkama */
  padding: 0;
}
.column_two_for_right_panel .column_l .column_two_for_foto_panel .column_l {
  width: 343px;
  padding-right: 20px;
}
.column_two_for_right_panel .column_l .column_two_for_foto_panel .column_r {
  width: 270px;
  padding-bottom: 10px; 
}
.column_two_for_right_panel .column_l .column_two_for_foto_panel .column_r p,
.column_two_for_right_panel .column_l .column_two_for_foto_panel .column_r div,
.column_two_for_right_panel .column_l .column_two_for_foto_panel .column_r h2 {
  padding: 10px 10px 0 10px;
  margin: 0;
}
.column_two_for_right_panel .column_l .column_two_for_foto_panel .column_r div.titulek {
  color: #FFF;
  font-weight: bold;
  padding-bottom: 10px; 
}
#content .column_two_for_foto_panel .column_r ul {
  margin-left: 25px;
  margin-right: 25px;
}


/* panel s moznostmi - vetsinou umisteny prave v pravem panelu */
div.panel_settings {
  width: 253px;
  padding: 0 0 0.75em 0;
  background: #f1f1f1 none bottom right no-repeat;
  margin: 1.5em 0;
  line-height: 1.25em;
}
div.panel_settings_second {
}
div.panel_settings div,
div.panel_settings p,
div.panel_settings form,
div.panel_settings table,
div.panel_settings ul,
div.panel_settings ol,
div.panel_settings h1,
div.panel_settings h2,
div.panel_settings h3 {
 padding-left: 9px;
 padding-right: 10px;
}
div.panel_settings, div.panel_settings a {
  color: #333; 
}
.panel_settings_title { 
 width: 234px;
 position: relative; top: -1px;
 padding: 7px 0;
 margin: 0 0 0.75em 0;
 background: transparent none top left no-repeat;
 color: #FFF;
}
div.panel_settings_second div.panel_settings_title, 
div.panel_settings_second h3.panel_settings_title { /* druhy a dalsi panely maji jiny background */
 
}
div.panel_settings_hr { 
  border-bottom: 1px solid #e1e1e1; 
  margin: 3px 9px; 
  height: 1px;
  line-height: 1px; 
}
div.panel_settings .errorBox, 
div.panel_settings .noticeBox {
  padding: 5px;
}
div.panel_settings .errorBox {
  /* background-color: in site css */
  /* color: in site css */
  font-weight: bold;
}
div.panel_settings .noticeBox {
  /* background-color: in site css */
  /* color: in site css */
}


/*** vyhledavani ***/
#search_box {  /* v id #search_box je umisteno hlavni vyhledavani na strankach */
 text-align: right;
 right: 28px;  /* musi by stejny jako padding u kontextu + 3px padding u body */
}
#search_box form {
 margin: 0;
}
.search_box {  /* class search_box maji veskere form_prvky  */
}
.search_box label {
 display: none;
}
.search_box .search_q, .search_box .search_sa,
.panel_settings input, .panel_settings .search_sa {
 margin: 0 0 0 0; padding: 0 5px;
 vertical-align: middle;
 border-width: 0;
 font-size: 11px;
 z-index: 10;
}
.search_box .search_q,
.panel_settings input { /* colors and background in site css */
 padding-top: 4px;
 height: 16px;
 background-color: transparent;  /* in site css */
 background-image: none; /* in site css */
}
.search_box .search_q,
.panel_settings input {
 border: 1px solid transparent;  /* in site css */ 
 background-color: transparent;  /* in site css */
}
#search_box .search_q {
 border-width: 0;
 border-right: 1px solid transparent; /* color in site css */
 padding-left: 9px;   /* u hlavniho vyhledavani je vetsi odsazeni */
 height: 18px;
}
.search_box .search_sa,
.panel_settings .search_sa { /* colors and background in site css */
 height: 22px;
 padding-left: 5px;
 border: 1px solid transparent;
}

/*** strankovani #2 ***/
.listening {
 font-weight: bold;
 font-size: 0.9em;
}
.listening span {
 background-color: #F7F7F7; /* barvu stejnou jako je pozadi contentu */
 padding: 0 5px;
}
.listening a {
 background-color: #F7F7F7;
 border: 1px solid #dadada;
 padding: 1px 5px;
 margin: 0 3px;
 text-decoration: none;
 font-weight: normal;
}
.listening a.active {
 padding: 3px 6px;
 background-color: #FFF;
 border: 1px solid #666;
}
.listening a:hover {
 background-color: #FFF;
}


/*** bannery ***/
.banner_format_main_right,
.banner_format_main_center {
 border: 1px solid transparent;     /* color in site css */
}
.banner_format_main_right table,  .banner_format_main_right td,
.banner_format_main_center table, .banner_format_main_center td {
 margin: 0; padding: 0;
}
.banner_format_info_right,
.banner_format_info_center,
.banner_format_info_vertical {
 background: transparent none top left no-repeat;   /* in site css */
 position: relative;
}
.banner_propagace {
 position: absolute;
 right: 0; top: 4px;
 padding: 0 1px;
 font-size: 9px; line-height: 9px;
 font-style: italic;
}
.banner_propagace:link,
.banner_propagace:visited {
 color: #666;
 text-decoration: none;
}
/* 250x250 px */
#banner_right_top_left {
 width: 252px; height: 250px;
 padding-top: 14px;
}
#banner_right_top_left .banner_format_main_right,
#banner_right_top_left .banner_format_main_center {
 height: 250px;
 background-color: #FFF;
}
/* 468x60 px */
#banner_content_center_center {
 padding-top: 14px;
 width: 470px; height: 60px;
 /*margin: 2em auto;*/
 margin-top: 1em;
 margin-bottom: 1em;
 clear: both;
}
#banner_content_center_center .banner_format_main_right,
#banner_content_center_center .banner_format_main_center {
 height: 60px;
 background-color: #FFF;
}
/* 120x300 px */
#banner_right_top_right {
 width: 122px; height: 300px;
 padding-left: 10px;
}
#banner_right_top_right .banner_format_main_right,
#banner_right_top_right .banner_format_main_center {
 height: 300px;
 background-color: #FFF;
}
/* 380x120 px */
#banner_right_bottom_center {
 width: 382px; min-height: 122px;
 padding-top: 14px;
}
#banner_right_bottom_center .banner_format_main_right,
#banner_right_bottom_center .banner_format_main_center {
 min-height: 122px;
}
/* 960x100 px */
#banner_content_top_center {
 width: 962px; height: 100px;
 padding-left: 10px;
 position: absolute; top: -105px; left: -8px;
}
#banner_content_top_center .banner_format_main_right,
#banner_content_top_center .banner_format_main_center {
 height: 100px;
}
/* 250x60 px */
#banner_content_strip_first {
  padding-top: 14px;
  margin-top: 3px;
}
#banner_content_strip_second,
#banner_content_strip_third,
#banner_content_strip_fourth {
 background-image: none;
 margin-top: 3px;
}
#banner_content_strip_first,
#banner_content_strip_second,
#banner_content_strip_third,
#banner_content_strip_fourth {
 width: 252px; height: 60px;
}
#banner_content_strip_first .banner_format_main_right,
#banner_content_strip_second .banner_format_main_right,
#banner_content_strip_third .banner_format_main_right,
#banner_content_strip_fourth .banner_format_main_right {
 height: 60px;
}

/*** ankety **************/
.anketa_otazka {
  margin: 0.75em 0 0.25em 0; 
}
.anketa table {
  width: 100%;
}
.anketa table td {
  border: 0px solid #CCC;
  font-size: 0.80em;
  padding-bottom: 0.3em;
}
.voteByLabelClick             { margin: 0; padding: 0;  }
.voteByLabelClick label       { cursor: pointer;}
.voteByLabelClick input       { display: none; }
.voteByLabelClick fieldset    { margin: 0; padding: 0; }
.voteByLabelClick .anketa_bar {
  margin: 7px 0 0 0; 
}
.voteByLabelClick .anketa_bar,
.voteByLabelClick .anketa_bar div {
 width: 90%;
 height: 3px; line-height: 3px; font-size: 0;
 background-color: #70caed;
 position: relative;
}
.voteByLabelClick .anketa_bar div {
 float: left;
 background: #e81d04;
}
.voteByLabelClick .anketa_bar span {
 position: absolute;
 right: -31px; bottom: -2px;
 line-height: 12px;  font-size: 10px;
 color: #e81d04;
}