/* ------------------------------------  Rada a Zastupitelsvo města Olomouce -------------------------------------- */



#zmo-rmo {
    position: relative;
    float: left;
    width: 235px;
    height: 117px;/* presne pod obrazky 117px; */
    padding-bottom: 0px;
    margin-bottom: 25px; /* 35 */
   /* background-color: silver;    border: 1px solid green;   */
}

#zmo-rmo img { border: 1px solid #A3A3A3;
    position: absolute; float: left;
}

.zmo-rmo-fotka { background-color: #F1F3F2;
position: absolute; float: left;
    padding: 7px;
    width: 71px; height: 105px;
}

#zmo-rmo p {
/*    position: relative; float: left;    */
    margin: 5px 5px 5px 100px;
}


#zmo-rmo h3 {
    margin: 0px 0px 5px 95px;
}

.zmo-rmo-cleaner {
    clear: both;
    font-size: 0px;
}

/* ------------------------------------  nove zmo -------------------------------------- */

.osoba_s_foto
 { float:left;
 height: 125px;
  padding-bottom: 10px;
}

.osoba_foto
 { float:left;
 padding: 7px; width: 69px; /*height: 105px;*/
 background-color: #F1F3F2;
/* border: 1px solid red;   */


}
.osoba_text
 { margin-left:98px;

}

.osoba_jmeno {
  padding-bottom: 7px;
}
.osoba_adresa {
  font-size: 10px;
}

/* ------------------------------------  Urad online -------------------------------------- */

.online_s_foto
 { float:left;
 height: 120px;
  padding-bottom: 10px;
}

.online_foto
 { float:left;
 padding: 7px; width: 69px; /*height: 105px;*/
 background-color: #F1F3F2;
/* border: 1px solid red;   */


}
.online_text
 { margin-left:103px;

}

.online_jmeno {
  padding-bottom: 10px;
}
.online_text2
 {
}



/* ------------------------------------  namestci primatora, primator -------------------------------------- */

#nam-prim {
    position: relative;
    float: left;
    width: 100%;  /* 470px; */
    height: 186px;/* presne pod obrazky 117px; 222 */
    padding-bottom: 0px;
    margin-bottom: 35px;
  /*background-color: green;     border: 1px solid green;
    clear: both;  */
    font-size: 13px;
    line-height: 1.3;
}

#nam-prim img { border: 1px solid #A3A3A3;
    position: absolute; float: left;
}

.nam-prim-fotka {
position: absolute; float: left;
    padding: 7px;
    width: 140px; height: 186px; /* 208 background-color: #F1F3F2; */
}

#nam-prim p {
    position: relative; float: left;
    margin: 5px 5px 5px 170px;
}


#nam-prim h3 {
    margin: 4px 0px 5px 170px;
}





/* ------------------------------------  styl tabulek -------------------------------------- */

table.linky_vypis
{
    font-size: 12px;
	width: 710px;  /* 	width: 710px;  */

	border-collapse: collpase;
   /* background-color: #ffffff;
    border-top: 1px solid #dddddd;  */
    margin: 15px 0px 10px 0px;

}
table.linky_vypis td, table.linky_vypis th
{
	border-bottom: 1px solid #dddddd;
	padding: 4px 10px;
	text-align:left;
}
table.linky_vypis th {font-size: 12px; text-transform: uppercase; background-color: #C10A02; color: #FFFFFF; font-weight: bold; text-align: left;}

.linky_vypis th a:hover {color: #FFFFFF;}
.linky_vypis th a:active {color: #FFFFFF;}
.linky_vypis th a:visited {color: #FFFFFF;}
.linky_vypis th a:link {color: #FFFFFF;}



/* ------------------------------------  zarovnání obrázku vpravo/vlevo z tourismu Znak a logo města -------------------------------------- */

.obr-r, .obj-r {
  float:right;
  padding:0;
  margin: 0 0 5px 10px;
}

.obr-l, .obj-l {
  float:left;
  padding:0;
  margin: 0 10px 5px 0;
}

.obr-rn, .obj-rn {
  float:right;
  padding:0;

}

.obr-ln, .obj-ln {
  float:left;
  padding:0;

}

.obr-l img, img.obr-l,
.obr-r img, img.obr-r,
.obr-ln img, img.obr-ln,
.obr-rn img, img.obr-rn {
  border: 1px solid rgb(153,153,153);
}

.topmargin {
  margin-top: 0.5em;
}

.bottommargin {
  margin-bottom: 20px;
}

.left {
  text-align:left;
}

.right {
  text-align:right;
}

.center {
  text-align:center;
}

.vpravo {
  float:right;
}

/*  */

.cleaner {
  clear:both;
}

hr.cleaner {
  clear:      left;
  visibility: hidden;
  _display:    block;
  _margin:     -7px 0;

}



/* ------------------------------------  zarovnání obrázku vpravo/vlevo  Znak a logo města SNAPA -------------------------------------- */



.obr-vpravo {
    background-color: #F1F3F2;
    position: relative; float: right;
    margin-left: 15px;
    padding: 7px;
}

.obr-vlevo {
    background-color: #F1F3F2;
    position: relative; float: left;
    margin-right: 15px;
    padding: 7px;
}



/* ------------------------------------  Kulturní kalendář ala TOURISM -------------------------------------- */



.kultkal {
  position: relative;
  width: 340px;
  float: left;
  margin-right: 5px;
}

.kultkal2 {
  position: relative;
  width: 340px;
  float: left;
  left: 15px;
  }

.kultkal h3, .kultkal2 h3 {
  background-color: #7a7a7a;
  color: #FFFFFF;
  border-left: 19px solid #e4200f; /* oranzova #ff6a00;  */
  font-size: 12px; font-weight: bold;
  padding: 2px 0px 2px 8px;
  margin-top: 0px !important;
}

.poradatel {
  font-size: 10px;
  padding-top: 3px;
  font-style: italic;
  margin:0px;
}

/* ------------------------------------  obecne vyuziti u textu odsazeneho od 50px ikony ala TOURISM -------------------------------------- */


.odsazeny_blok_textu_s_obrazkem_50px {
	clear: left;
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	_padding-top: 9px !important;
}

.odsazeny_blok_textu_s_obrazkem_50px  .fotogalerie {
	margin: 0 !important;
	padding: 0 !important;
}

.odsazeny_blok_textu_s_obrazkem_50px .obtso_obrazek_zleva {
	float: left;
	width: 52px;
	height: 52px;
}

.odsazeny_blok_textu_s_obrazkem_50px .obtso_odsazeny_text {
	margin-left: 55px;
}



.odsazeny_blok_textu_s_obrazkem_50px .obtso_odsazeny_text h3 {
	margin-top: 0 !important;
}

.odsazeny_blok_textu_s_obrazkem_50px .obtso_odsazeny_text p {
	margin: 0px 0px 0px 10px !important;
}

/* ------------------------------------  povinne informace -------------------------------------- */

table.linky_povinne
{
    font-size: 12px;
    width: 700px;

	border-collapse: collpase;
   /* background-color: #ffffff;
   	border-top: 1px solid #dddddd; */
    margin: 15px 0px 10px 0px;
}
table.linky_povinne td, table.linky_povinne th
{
	border-bottom: 1px solid #dddddd;
	padding: 4px 10px;
}
table.linky_povinne th {font-size: 12px; text-transform: uppercase; background-color: #C10A02; color: #FFFFFF; font-weight: bold; text-align: left;}


th.rad03 {
    background-color: #FFFFFF;
    text-align: left;
}
th.rad04 {
    background-color: #F8F8FF;
    text-align: left;
}

tr.rad01 {
    background-color: #FFFFFF;
}
tr.rad02 {
    background-color: #F8F8FF;
}

/* ------------------------------------  vyzadane informace -------------------------------------- */

.odsazeni {
padding-left: 30px;
}
.h4odb
 {
background-color: #ECE1B9; color: #000000; padding: 3px;
}

/* ------------------------------------  více informací  OLD -------------------------------------- */
#vice-informaci {
  border-bottom: 1px solid #dedede;

 margin-bottom: 0px;
 padding-bottom: 0px;

  width: 100%;  /*  width: 703px;  */
  font-weight: bold;
}
#vice-informaci a:link {color: #ffffff;  text-decoration: none; background-color: #C10A02; padding: 5px 7px 1px 7px;} /* #C10A02;*/
#vice-informaci a:active {color: #ffffff;  text-decoration: none; background-color: #C10A02; padding: 5px 7px 1px 7px;}
#vice-informaci a:visited {color: #ffffff;  text-decoration: none; background-color: #C10A02; padding: 5px 7px 1px 7px;}
#vice-informaci a:hover {color: #000000; text-decoration: none; background-color: #dedede; padding: 5px 7px 1px 7px;}

/*  */

#vice-informaci-odd {

    margin: 10px 0px 0px 13px;
    color: #000000;
    background-color: #dedede !important;
    padding: 5px 7px 1px 1px;
    width: 682px;
    font-weight: normal;
}


/*#vice-informaci-odd a:link {color: #000000;  text-decoration: none; background-color: #dedede; padding: 5px 7px 1px 7px;}
#vice-informaci-odd a:active {color: #000000;  text-decoration: none; background-color: #dedede; padding: 5px 7px 1px 7px;}
#vice-informaci-odd a:visited {color: #000000;  text-decoration: none; background-color: #dedede; padding: 5px 7px 1px 7px;}
#vice-informaci-odd a:hover {color: #ffffff; text-decoration: none; background-color: #C10A02; padding: 5px 7px 1px 7px;}
*/


.dokumenty ul {
  padding: 5px 0px 5px 20px !important; margin: 5px !important;
}
.dokumenty li {
  padding: 0px 0px 5px 0px !important;
}
.dokumenty small {
  margin-left: 18px;
}


/* ------------------------------------  více informací  NEW - pro dokumenty -------------------------------------- */
#vice-informaci2 {
  border-bottom: 1px solid #dedede;

 margin-bottom: 0px;
 padding-bottom: 0px;
 padding-right: 2px;

  width: 700px;
  font-weight: bold;
}
/*.dok-pozadi {


  display: table;
}*/


#vice-informaci2 a:link {color: #ffffff;  text-decoration: none;  padding: 3px 3px 3px 6px; display: block;   width: 290px; background-color: #C10A02; } /* background-color: #C10A02;padding: 5px 7px 1px 7px;#C10A02;*/
#vice-informaci2 a:active {color: #ffffff;  text-decoration: none;  padding: 3px 3px 3px 6px;  display: block; width: 290px; background-color: #C10A02; }
#vice-informaci2 a:visited {color: #ffffff;  text-decoration: none;  padding: 3px 3px 3px 6px;  display: block; width: 290px; background-color: #C10A02; }
#vice-informaci2 a:hover {color: #ffffff; text-decoration: none;  padding: 3px 3px 3px 6px;  display: block; width: 290px; background-color: #C10A02; }

/*  */

#vice-informaci2-odd {

    margin: 10px 0px 0px 9px;
    color: #000000;
    background-color: #dedede !important;
    padding: 5px 7px 1px 7px;
    width: 682px;
    font-weight: normal;
}


.dokumenty2 ul {
  padding: 5px 0px 5px 10px !important; margin: 5px !important;
}
.dokumenty2 li {
  padding: 0px 0px 5px 0px !important;
  list-style-image: none !important;
}
.dokumenty2 small {
  margin-left: 18px;
}


/* dokumenty s ikonou dok */
.dokumenty3 ul li {
    list-style-image: url(../img/icon16/document_icon.png) !important;
    list-style-type: none;
}
    .dokumenty3 ul {
    padding: 5px 0px 5px 10px !important; margin: 5px 5px 5px 22px !important;
}
.dokumenty3 li {
    padding: 0px 0px 5px 0px !important;
}
.dokumenty3 small {
    margin-left: 18px;
}



/* ------------------------------------  Radniční listy - přehled čísel -------------------------------------- */
.ramecek
{
border: 1px solid #D4D0C8;
margin: 0px 7px 14px;
padding: 10px 10px 5px 10px;
float: left;
position: relative;
background-color: #FAFAFA;
font-size: 10px;
}

.rl_popis
{
border: 1px solid #D4D0C8;
width: 250px;
margin: 0px 10px 10px 10px;
padding: 0px 10px 10px 10px;
float: right;
position: relative;
background-color: #FAFAFA;
}

/*.rl-cleaner {
    clear: both;
    font-size: 0px;
}*/

/* ------------------------------------- barvy nadpisu podle kategorii clanku ------------------------- */

/* čtverečky kategorií */
.neodsazeny_blok_v_uvodu_clanku {
  margin-bottom: 25px;
}
h1.nadpis_clanku {
	background-image: url(../img/deco_trojuhelnik_kat_vychozi.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	margin-left: -16px;
	padding-left: 16px;
  margin-bottom: 12px;
	
}

 /* tiskové zprávy  - červená */
h1.nadpis_clanku_kat_178 {
	background-image: url(../img/deco_trojuhelnik_kat_C20A00.png) !important;
}

/* občan - aktuality - sv.modrá */
h1.nadpis_clanku_kat_179 {
	background-image: url(../img/deco_trojuhelnik_kat_039FDC.png) !important;
}

/* občan - kultura - žlutá */
h1.nadpis_clanku_kat_180 {
	background-image: url(../img/deco_trojuhelnik_kat_E7E243.png) !important;
}

/* občan - sport - oranžová */
h1.nadpis_clanku_kat_195 {
	background-image: url(../img/deco_trojuhelnik_kat_FF9900.png) !important;
}

/* občan - volby - tm. modrá */
h1.nadpis_clanku_kat_182 {
	background-image: url(../img/deco_trojuhelnik_kat_003399.png) !important;
}

/* dětská hřiště aktuality - šedo-zelená */
h1.nadpis_clanku_kat_60 {
	background-image: url(../img/deco_trojuhelnik_kat_666633.png) !important;
}

/* podnikatel - aktuality - hnědá */
h1.nadpis_clanku_kat_196 {
	background-image: url(../img/deco_trojuhelnik_kat_996600.png) !important;
}

/* výstrahy CHMI CHMU - fialo-modrá */
h1.nadpis_clanku_kat_215 {
	background-image: url(../img/deco_trojuhelnik_kat_5236FF.png) !important;
}

/* tourism - zákl. info. - aktuality - sv. zelená */
h1.nadpis_clanku_kat_2 {
	background-image: url(../img/deco_trojuhelnik_kat_9DD545.png) !important;
}

.datum-aktualita {
  color:#727272;
  font-size:11px;
  display:block;
}

#vz {
    position: relative;
    float: left;
    width: 235px;
    height: 117px;/* 117px; presne pod obrazky 117px; */
    padding-bottom: 0px;
    margin-bottom: 25px; /* 35 */
   /* background-color: silver;    border: 1px solid green;   */
}

#vz img { border: 1px solid #A3A3A3;
    position: absolute; float: left;
}

.vz-fotka { background-color: #F1F3F2;
position: absolute; float: left;
    padding: 7px;
    width: 92px; height: 100%; /* height: 105px; */
}

#vz p {
    position: relative; float: left;
    margin: 5px 5px 5px 121px;
}


#vz h3 {
    margin: 0px 0px 5px 95px;
}





/* ------------------------------------- Odpady - objednávky nádob ------------------------- */

table.linky_vypis_odpady
{
    font-size: 12px;
	width: 690px;  /* 	width: 710px;  */

	border-collapse: collpase;
   /* background-color: #ffffff;
    border-top: 1px solid #dddddd;  */
    margin: 15px 0px 10px 0px;

}
table.linky_vypis_odpady td, table.linky_vypis_odpady th
{
	border-bottom: 1px solid #dddddd;
	padding: 4px 10px;
}


tr {
    background-color: #FFFFFF;
}

.bublinova_napoveda {
  display:none;

  -moz-border-radius-bottomleft:0.7em;
  -moz-border-radius-bottomright:0.7em;
  -moz-border-radius-topleft:0.7em;
  -moz-border-radius-topright:0.7em;
  background-color:#FFFFCE;
  border:1px solid #AFAFAF;
  color:#333333;

  /*top:1em;*/
  /*right:-20em;*/

  width:20em;

  line-height:normal;
  opacity:0.8;
  padding:2px 5px;
  position:absolute;
  text-align:center;

  z-index:999 !important;

}

table.linky_vypis input, .slc-matrjoska input, select, textarea{
   border: 1px solid rgb(170,170,170); /* #aaaaaa; */
   background-image: url(../img/inputbck.gif);
   background-repeat: no-repeat;
}

.odeslat {
   padding: 0.8em;
   margin: 2em 1em 2em 1em;
   text-align: center;
   font-weight: bolder;
}
.odeslat button  {
  font-weight: bolder;
  padding: 5px; border: 1px solid #707070;
}

/*
table.linky_vypis th {
  background-color: rgb(223,223,223);
  padding: 0.5em;
}
/*
.tabulka_odpad {
  border-width: 0px;
  width: 650px !important;
}    */

table.linky_vypis .radek_popis {
  padding: 0.5em 30px 0.5em 0.5em;
  display: block;
  text-align: right;
  position: relative;
}

table.linky_vypis .radek_popis .povinny {
  color: red;
}
.povinny
{
  color: red;
}

/* formulář */
input.dlouhy_text, textarea.dlouhy_text, select.dlouhy_text {
	width: 40em;
}
input.stredne_dlouhy_text , textarea.stredne_dlouhy_text, select.stredne_dlouhy_text {
	width: 22em;
}
input.kratky_text , textarea.kratky_text, select.kratky_text {
	width: 13em;
}
input.velmi_kratky_text , textarea.velmi_kratky_text, select.velmi_kratky_text {
	width: 7em;
}
textarea.dlouhy_text {
  height: 10em;
}
textarea.stredne_dlouhy_text {
  height: 7em;
}
textarea.kratky_text {
  height: 4em;
}
textarea.velmi_kratky_text {
  height: 2em;
}

.pole_chybne {
  background-color: rgb(255,204,102);
}

input.kalendar {
  background-image: url(../img/calendar_icon.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: right;
  padding-right: 30px;
}


/* ------------------------------------- Stavy žádostí ------------------------- */


.stavy_zadosti_titulka {
  color: #FFFFFF;
  background-color:#C10A02;
  margin:0px;
  padding:5px 5px 5px 8px;
}

ul.stavy_zadosti_vypis {

  padding-left:0px !important;
  margin-left:6px !important;
}

.stav_zadosti_radek {
  color: #000000;
  padding: 0.5em; margin-left: 0px !important;
  border-bottom: 1px solid #BBBBBB;
  background-image: url(../img/status_disabled.png);
  background-position: 98%;
  background-repeat: no-repeat;
  list-style: none !important;
}

.stav_zadosti_radek_vyrizena {
  color: #000000;
  padding: 0.5em;
  border-bottom: 1px solid #BBBBBB;
  background-image: url(../img/status_enabled.png);
  background-position: 98%;
  background-repeat: no-repeat;
  list-style: none !important;
}

/*
.editorialeu
 {
    background-image: url("../img/shade_out_med1.png");
    background-repeat: repeat-x;
    background-position: center top;
}
*/




/* ------------------------------------- Sociální služby HP  ------------------------- */


/* obecne vyuziti u textu odsazeneho od 75px ikony */

.odsazeny_blok_textu_s_obrazkem_75px {
	/*clear: right;*/
	position: relative;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	_padding-top: 9px !important;
}

.odsazeny_blok_textu_s_obrazkem_75px  .fotogalerie {
	margin: 0 !important;
	padding: 0 !important;
}

.odsazeny_blok_textu_s_obrazkem_75px .obtso_obrazek_zleva {
	float: left;
	width: 77px;
	height: 77px;
}

.odsazeny_blok_textu_s_obrazkem_75px .obtso_odsazeny_text {
	margin-left: 100px;
}



.odsazeny_blok_textu_s_obrazkem_75px .obtso_odsazeny_text h3 {
	margin-top: 0 !important;
}

.odsazeny_blok_textu_s_obrazkem_75px .obtso_odsazeny_text p {
	margin-bottom: 0 !important;
}

.odsazeny_blok_textu_s_obrazkem_75px .obtso_odsazeny_text h4 {
	margin-top: 0 !important;    /* NOVE */
}

/* fancybox odkaz v popisu u fotky */

.child a:hover {color: #FFFFFF;}
.child a:active {color: #FFFFFF;}
.child a:visited {color: #FFFFFF;}
.child a:link {color: #FFFFFF;}

/*Flip chart   dejme sanci prirode    */

.flpnew { background-color: #009900; color: #FFFFFF; font-size: 10px; padding: 2px 4px 2px 4px; margin-right: 5px;

}

/* anketa wildcard */

.blok_anketa_stayovernight {
    padding: 10px !important;
    background-color: #F6F6F6 !important;
}

/*#anketa*/
.blok_anketa_stayovernight ol {
  list-style-type: none !important;

}

.anketa-text  {
  font-weight: bold !important;
}

.anketa-text span {
   font-size: 13px !important;
}
/*.anketa-text*/
.blok_anketa_stayovernight button {
    border: 1px solid #A0A0A0 !important;
    color: #000000 !important;
    font-weight: bold !important;
    padding: 7px 15px 7px 15px !important;
}

.search_result_title {
	font-size:14px;
}
.search_result_content {
	font-size: 13px;
	line-height: 1.3;
}


/* ----- evropské projekty stránky - loga nahoře --- */

 #header-euloga,
    #header-inner-euloga {
      background-color: white;
      width: 710px;
    }
    .scrolling {
      position: fixed;
      top: 0;
    }