@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700|PT+Serif:400,400i,700,700i&subset=latin,latin-ext');
/* styly do RSS sablon*/
/*
	font-family: 'Fira Sans', sans-serif;
	font-family: 'PT Serif', serif;
	#8E2344 - vínová
*/

.content_main {
	margin-left: auto;
	margin-right: auto;
	max-width:744px;
	display:block;
}

.rss_img {
	text-align: left;
	background-color: #FFFFFF;
	font-size: 9pt;
}

.rss_img b {font-size: 11pt;}


/* styly do katalogu firem - ordinace*/               

.oh_r1, .oh_r2     {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #333333;
	font-family: Verdana;
	font-size: 10pt;
	padding: 1px 4px 1px 4px;
	text-align: left;
}
.oh_r1     { width: 110px;}
.oh_r2     { background-color: #EFEBDE; width: 20px; font-weight: bold;}
.oh_top       {
	background-position: 5px center;
	padding: 2px 5px 2px 5px;
	font-family: Verdana;
	font-size: 12pt;
	text-align: center;
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url('images/navigace/lekar_ico.GIF');
	background-repeat: no-repeat;
}
.oh_info       { 	border-style: solid; border-width: 1px 0px 0px 0px;border-color: #333333;
			font-family: Verdana; font-size: 10px; padding: 1px 4px 1px 4px;  
                text-align:left; background-color: #EFEBDE; }
.oh_separ    {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #333333;
	padding: 0;
	margin: 0;
}
.oh_odber       { font-family: Verdana; font-size: 10pt; padding-left:5px; padding-right:5px;  
               background-color: #FFAEAE; color:#333333; text-align:center; font-weight:bold }
.oh_prev       { font-family: Verdana; font-size: 10pt; padding-left:5px; padding-right:5px;  
               background-color: #C6FFC6; color:#333333; text-align:center; font-weight:bold }
.oh_tab      {
	border: 1px solid #333333;
	border-spacing: 0px;
	*border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 5px;
	width: 360px;
}

.oh_img      { width:1px; height:1px; margin:0px; padding:0 }


/* basic */
H1 {font-size:14pt;}
H2 {font-size:12pt;}
H3 {font-size:11pt;}
H4 {font-size:10pt;}
H5 {font-size:9pt;}
H6 {font-size:8pt;}

body, form, table, input, select, textarea, .textoblast
{
	font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	position:relative;
}

body {margin-top:23px;}


.grafEP {
	background-image: url('Images/graf_stin.gif');
	background-repeat: repeat-x;
}

.ha {font-size:12px; padding:0; font-family: Arial; padding-left:12; background-image:url('images/navigace/bod.gif'); background-repeat:no-repeat; margin-left:0; margin-right:0; margin-top:5; margin-bottom:0}

.body2 {background-image: url('images/pozadi.gif'); background-repeat: repeat; background-color:#C0C0C0}

.textbody
{
	border-left:2px solid #8E2344; border-right:2px solid #8E2344; border-bottom:2px solid #8E2344; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif;
	font-size:12px;
	margin:0;
	padding:0; width:744
}

.odd { width:100%; clear:both; margin:0; padding:0; }
.hide { display:none;}

/* prave menu */
.div_rmenu {font-family: Verdana; font-size: 10px; color: #FFFFFF; background-color:#8E2344}
.div_rmenu a {color: #F7DFE7; text-decoration:underline}
.div_rmenu a:hover {color: #FFFFFF; text-decoration:underline}

/* top spolupracelink */
.top_trustlink {margin:5px; padding:8px; list-style-type:square}
.top_trustlink li {padding: 3px 0px 3px 0px; border-bottom: 1px dotted #E6E6E6}

/* top komentare */
.top_kom {margin:0px; padding:8px; list-style-type:none}
.top_kom a {text-decoration:none;}
.top_kom li{ padding: 3px 0px 3px 0px; border-bottom: 1px dotted #E6E6E6}
.top_kom li {text-align:left;}
.top_kom li a {display:block;}
span.cnt_kom {margin-left:5; float:right; font-weight:bold; }
span.cnt_kom {padding-right: 14px; background: url('/images/navigace/coment.gif') no-repeat top right}

/* menu */

.div_toph {
	background-position: 2px 2px;
	background-size: 2px 1px;
	border-color: #8E2344;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	background-color: #FFF0EB;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-top-width: 2px;
	border-left-style: solid;
	border-left-width: 1px;
}


.div_top {font-family: Verdana; font-size: 10px; color: #FFFFFF}
.div_top a {color: #F7DFE7; text-decoration:underline}
.div_top a:hover {color: #FFFFFF; text-decoration:underline}

.div_foto {margin:3px 10px 3px 3px; padding:1px; border:1px solid #000000; float:left;}
.td_foto td {font-family: Arial; font-size: 12px; color: #101010; background-color: #FFFFFF; padding:4px; }

.lnkhover a {border:1px solid #660000; margin-top:5; margin-bottom:5; font-family: Verdana; font-size: 12px; font-weight: bold;   display:block; padding:2px 6px 2px 6px; background-color: #E6E6E6; color: #660000; clear:both}
.lnkhover a:hover {text-decoration: none; display:block; background-color: #660000; color: #FFFFFF;}

.InzeratHeader { background-color: #FFF0EB;  border:1px; border-top-style:solid; border-bottom-style:solid;  }
.InzeratBody {  background-color: #FFFFFF; padding:0px}
.div_foto_inz {margin:10px; padding:1px; border:1px solid #000000; float:left;}
.div_inzeratframe {_word-wrap:break-word; white-space: normal; overflow:auto; width:375px; }
.FotoInzeratu { margin:0px; padding:0px; }
.TextInzeratu { margin:0px; padding:8px; font-family: Verdana; font-size: 12px; color: #101010; }
.lnkhoverinz a {font-family: Verdana; font-size: 12px; font-weight: bold;  padding: 5px 15px 5px 15px; background-color: #DBDBDB; color: #660000;}
.lnkhoverinz a:hover {  text-decoration: none; background-color: #660000; color: #FFFFFF; }

.div_main_big { margin:14; }


.company_info_det   { margin:2px; padding:0px; font-family: Arial; font-size: 12px; list-style-type: none; word-wrap: break-word; color:#8E2344;}
.company_info_det h3 { margin:0px 0px 4px 2px ; padding:0px; font-family: Arial; font-size: 14px;  font-weight: bold; text-transform: uppercase;}


.company_info   { margin:2px; padding:0px; font-family: Arial; font-size: 12px; color: #101010; list-style-type: none; word-wrap: break-word; }
.company_info h3 { margin:0px 0px 4px 2px ; padding:0px; font-family: Arial; font-size: 14px;  font-weight: bold; text-transform: uppercase;}
.company_info h3 a { color: #660000; }
.company_info_tip  {background-color: #E9E9E9;}  

.company_info h4 { margin:6px 0px 6px 0px ; padding:0px; font-family: Arial; font-size: 12px;  font-weight: bold; display:inline}
.company_info h4 a { color: #660000; }

.company_contact-list {margin:0px;  padding:0px}
    
.company_contact-item { margin:2px; padding:0px; font-family: Arial; font-size: 12px; color: #101010; list-style-type: none}
.company_contact-item a { font-family: Arial; font-size: 12px; color: #660000; font-weight: bold;}
.company_separator { clear:both; margin:4px 0px;}
.company_cinnost { clear:both; word-wrap: break-word; margin:0px 0px 4px 2px ;} 

.article_inf_promo {font-family: Arial; font-size: 12px; padding:4px 2px; display:inline-block }
.article_inf_promo H2, .article_inf_promo H3 {font-family: Arial; font-size: 14px; padding:2px; font-weight: bold; margin:4px 10px 4px 0px; display: inline;}
.article_inf_promo H2 {font-size: 14px;}
.article_inf_promo H3 {font-size: 12px;}

.akce_inf_promo {font-family: Arial; font-size: 9pt; padding:5px; }
.akce_inf_promo H2 { color: #8E2344; font-family: Arial; font-size: 9pt; font-weight: bold; margin:4px 10px 4px 2px; display: inline; } 
.akce_inf_promo a { color: #0000C0; text-decoration:underline;}
.akce_inf_promo a:hover { color: #8E2344;}
.akce_inf_promo span {padding:5px 0px 0px 0px; display: block}
.akce_inf_promo img {margin: 0px 8px 0px 0px; }




.AkceDetail { padding:5px; } 
.Akce_anotace {font-family: Arial; font-size: 12px; padding:5px 0px 5px 0px; color: #555555; }
.Akce_popis {font-family: Arial; font-size: 12px; padding:5px 0px 5px 0px ; }


.div_smalimg {jfloat:left}


.div_m a.mnu#mnu_new{ background-image:url('images/navigace/mnu_new.gif'); background-repeat:no-repeat;}
.div_m a.mnu2#mnu_new{ background-image:url('images/navigace/mnu_new.gif'); background-repeat:no-repeat;}

.div_m { text-align:left}
.div_m a.mnu, .div_m a.mnu2 { border-bottom:1px solid #FFFFFF; display: block; position:relative; background-position: left center; font-weight: bold; background-color: #FFF0EB; font-family:Arial; font-size:9pt; padding-left:14; padding-right:0; padding-top:2; padding-bottom:2; background-repeat:no-repeat; color:#660000}
.div_m a.mnu, .div_m a.mnu2 { color:#660000; text-decoration: none }
.div_m a:hover.mnu, .div_m a:hover.mnu2, .div_m a:hover.mnu#mnu_new, .div_m a:hover.mnu2#mnu_new { color:#FFFFFF; background-color:#660000; background-image:url('images/navigace/arrow_m.gif'); background-repeat:no-repeat; text-decoration: none}
.div_m a.mnu2 { font-size:8pt; padding-left:24;}


.div_ma {width: 180}
.div_ma a.mnua { display: block; position:relative; background-position: left center; font-weight: bold; background-color: #FFF0EB; font-family:Verdana; font-size:9pt; background-image:url('/images/navigace/mnua.gif'); padding-left:15; padding-right:0; padding-top:2; padding-bottom:2; background-repeat:no-repeat; color:#660000}
.div_ma a.mnua { color:#660000; text-decoration: none }
.div_ma a:hover.mnua { border-right:4px solid #660000; color:#D14570; text-decoration: underline}

.mnuah { background-position: left center; font-weight: bold; background-color: #8E2344; font-family:Verdana; font-size:9pt; background-image:url('images/navigace/mnuah.gif'); padding-left:25; padding-right:0; padding-top:4; padding-bottom:4; background-repeat:no-repeat; color:#FFFFFF}

/* Informace */

.tabinfo {padding-left: 5; background-color: #EFEFEF}

.nadpis { font-family: Verdana; font-size: 11px; font-weight: bold; text-align:left; color:#8E2344; padding-left:0; padding-right:0; padding-top:7; padding-bottom:3}

.OborovaVetev   { font-family: Verdana; font-size: 8pt; background-color:#FFFFFF; text-indent:0; text-align:left; height:20; font-weight:bold }

.div_b { padding:3px; margin:0px}

.div_ImgSel { overflow:auto; padding:1; width:230; height:276; background-color:#FFFFFF}

.div_katp_popis { padding:0; width:270;}
.div_kat_popis { padding:0;}

.div_kat_foto {padding:2; border:1px solid #ECB1C1; float:right; margin:0;}
.div_simg_cl {clear:both; margin:8 4 8 4; #margin:8 2 8 2; padding:0px; float:left;}
.div_kat_img {
	margin: 0;
	padding: 0;

	background-color: #EFEBDE;
	width: auto;
	max-width: 500px;
	margin: 3px;
	border: 1px solid #ccc;
	border-radius: 6px;
	position: relative;
}


.div_kat, .div_kat_tip { padding:3; font-family: Verdana; font-size:12px }
.div_kat b, .div_kat_tip b {font-weight: bold; font-size:12px }
.div_kat a, .div_kat_tip a { color: #8E2344; text-decoration:none }
.div_kat b a, .div_kat_tip b a { color: #8E2344; text-decoration:none }
.div_kat b a:hover, .div_kat_tip b a:hover { color: #8E2344; text-decoration:underline}
.div_kat a:hover, .div_kat_tip a:hover { color: #8E2344; text-decoration:none}
.div_kat_tip {background-color: #E9E9E9}

.dir {margin:3; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size:11px }
.dir b {font-size:12px }
.dir b a {text-decoration:underline; color:#0000CC}
.dir b a:hover, .dir a:hover { color: #8E2344; text-decoration:underline}
.dir a {padding:0; color:#666666; text-decoration:underline}
.dir:first-letter {color: #8E2344; font-size: 14px;}
/*.dir a:first-letter {color: #8E2344; font-size: 14px;}*/

.div_o { width:390; border:1px solid #8E2344;  text-align:left; margin-top:10 ; }
.div_o td { padding:2px 5px 2px 5px; }
.div_o2 { width:100%; border:1px solid #8E2344;  text-align:left; margin-top:10 }

.div_o_blank { width:390; text-align:left; margin-top:10 }

.div_h { padding:2; font-family: Verdana; font-size: 11px; font-weight: bold; text-align:left; background-color:#942442; color:#FFFFFF}

span.clNadpis { font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 14pt; color: #8E2344; font-weight: bold }
.clNadpis { margin:0px; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 14pt; color: #8E2344; font-weight: bold }

.div_cl { padding:10; text-align:left}
.div_an { font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; padding:3; color:#434343; font-size:10pt; font-style:italic; background-color:#F0F0F0}
.div_cltext {
	padding: 3;
	font-size: 11pt;
	clear: both;
}
.div_cltext a, .div_cltext a:hover { text-align:left; text-decoration:underline;}


span.hzar { color: #8E2344; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold;}
span.hzar a { color: #8E2344; text-decoration:none;}
span.hzar a:hover { color: #8E2344;}

span.hAkce { color: #8E2344; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 12px; font-weight: bold; }
span.hAkce a { color: #0000C0; text-decoration:underline;}
span.hAkce a:hover { color: #8E2344;}

span.hAkce_det { color: #8E2344; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 12px; font-weight: bold;}
span.hAkce_det a { color: #0000C0; text-decoration:underline;}
span.hAkce_det a:hover { color: #8E2344;}

span.hclNadpis, span.hclNadpis a { color: #0000C0; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold;}
span.hclNadpis a { color: #0000C0; text-decoration:underline}
span.hclNadpis a:hover { color: #8E2344;}

.hclNadpis, .hclNadpis a { ; margin:3px; color: #0000C0; font-family: Arial; font-size: 14px; font-weight: bold;}
.hclNadpis a { color: #0000C0; text-decoration:underline}
.hclNadpis a:hover { color: #8E2344;}

span.hclMore a { font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 8pt; color: #8E2344; font-weight: bold; text-decoration:none }
span.hclMore a:hover { text-decoration:underline }

.div_hcl {padding-left:3; padding-right:1; padding-top:3; padding-bottom:0; text-align:left; }
.div_han { font-family: Arial; font-size: 12px; padding-left:3; padding-right:3; padding-top:0; padding-bottom:3;  }


span.BlockName { font-family: Verdana; font-size: 12px; font-weight: bold; text-align:left; }
span.ForumNadpis { font-family: 'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 16px; color: #8E2344; font-weight: bold }
span.ForumPopis { font-family: 'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 12px;  }
span.ForumText { font-family: Verdana; font-size: 8pt}
span.KomentarPozn { font-family: Verdana; font-size: 10px}
span.KomentarNadpis, span.KomentarText { font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 10pt; color: #333333}
.ForumHeader { background-color: #FFF0EB; border-left-width:1; border-right-width:1; border-top-style:solid; border-top-width:1; border-bottom-style:solid; border-bottom-width:1 }
.ForumBody { background-color: #E2E2E2 }
.ForumLista { border-top:1px solid #8E2344; border-bottom:1px solid #8E2344; background-color: #EFEFEF; border-left-width:1; border-right-width:1; font-family:Verdana; font-size:10pt }
fieldset     { border:1px solid #8E2344; solid }
span.poznamka { font-family: Verdana; font-size: 10pt }
.NadpisOdstavce      { font-family: Verdana; font-size: 10pt; font-weight: bold; border-bottom-style:solid; border-bottom-width:2 }

.home_tab_tip { text-align: right; background-color: #FFF0EB; width:200px; word-wrap: break-word; }

.home_tab_menu { text-align: center; background-color: #FFF0EB }
@media print {.home_tab_menu { display: none}}

#PrevInzer  {
	padding-right: 4px;
	padding-left: 4px;
}

.home_tab_header { text-align: right; background-color: #8E2344; color:#FFFFFF; font-size:10pt; font-family:Verdana; font-weight:bold }
.TabZahlavi { font-weight: bold; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #666666; font-family:Verdana; font-size:9pt; color:#FFFFFF }
.TabSelRadek    { background-color: #C0C0C0; font-family:Verdana; font-size:9pt; text-indent:0; text-align:left }
.frmInput2 {
	margin: 2px 0px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 9pt;
}
.frmInputG   {font-family: Arial; font-size: 8pt; font-weight:normal}
text-indent:0; text-align:left; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1; color:#333333 .frmInput    { border:1px solid #0000CC; background-color: #FFFFFF; font-family:Verdana; font-size:9pt; text-indent:0; text-align:left; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1; color:#000080 }
.frmInputR   { border-style:solid #0000CC; border-width:1; background-color: #E0E0E0; font-family:Verdana; font-size:9pt; text-indent:0; text-align:left; padding-left:4; padding-right:4; padding-top:1; padding-bottom:1;  }
.btn {
	padding: 2px 10px;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #736D63;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #736D63;
	
	background-color: #EFEBDE;
	font-family: Verdana;
	font-size: 8pt;
	text-indent: 0;
	text-align: center
}
.btnb    { border-left:1px solid #FFFFFF; border-right:1px solid #736D63; border-top:1px solid #FFFFFF; border-bottom:1px solid #736D63; padding:0; background-color: #EFEBDE; font-family:Verdana; font-size:10pt; text-indent:0; text-align:center; font-weight:bold }
span.NadpisZarizeni      { font-family: Verdana; font-size: 10pt; font-weight: bold}
span.Datum   { font-family: Arial; font-size: 9pt; font-weight: bold ; padding:0px}
span.NadpisAktuality { font-family: Verdana; font-size: 10pt; font-weight: bold }
span.NadpisAkce { font-family: Verdana; font-size: 8pt; font-weight: bold }
span.NadpisAnotaceAkce { font-family: Verdana; font-size: 8pt; }
span.NadpisPolozky     { font-family: Verdana; font-size: 10pt; font-weight: bold; }


/* informace s marginem*/
.div_inf_m {font-family: Arial; font-size: 9pt; color: #8E2344; margin-top:10; margin-bottom:10}

/* administrace*/


form {margin-top: 5; margin-bottom: 5}
span.UserName {font-family: Verdana, Geneva CE, lucida, sans-serif; font-size: 12px; font-weight: bold; color:#000000}
span.FormPoznamka   { font-family: 'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 12px; color:#434343;  }
span.FormPoznamka2   { font-family: 'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 12px; color:#434343;  }
span.FormPoznamka2 a { font-weight: bold;  }
span.Navigace   { font-family: Verdana; font-size: 8pt }
span.aDatum   { font-family: Arial; font-size: 8pt }
span.DatumCl   { font-family: Arial; font-size: 8pt; letter-spacing:-1pt }

.div_fhlista { border-left:1px solid #F7DDE4; border-right:1px solid #F7DDE4; border-top:1px solid #F7DDE4; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size:8pt; text-align:center; color:#8E2344  }
.div_fhlistasel { border:1px solid #8E2344; padding:0; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size:8pt; text-align:center; color:#8E2344; font-weight:bold;  }

.div_flista { border-left:1px solid #8E2344; border-right:1px solid #8E2344; border-top:1px solid #8E2344; border-bottom:2px solid #8E2344; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #FFF0EB; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size:8pt; font-weight:bold; text-align:center }
.div_flista a { text-decoration:underline; color:#000000 }
.div_flista a:hover { text-decoration:underline; color:#8E2344 }
.div_flistasel { border-left:1px solid #8E2344; border-right:1px solid #8E2344; border-top:1px solid #8E2344; border-bottom:2px solid #8E2344; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #8E2344; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size:8pt; font-weight:bold; text-align:center; color:#FFFFFF }
.div_flistasel a, .div_flistasel a:hover { text-decoration:underline; color:#FFFFFF }

.div_flistadis { border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:1px solid #000000; padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #C0C0C0; font-family:'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size:8pt; text-align:center; color:#F2F2F2 }
.div_flistadis a { text-decoration:underline; color:#FFFFFF }
.div_flistadis a:hover { text-decoration:underline; color:#000000 }

.CellPlatby, .CellFirmy {
	padding: 2px;
	font-family: 'Arial CE','Helvetica CE',Arial,helvetica,sans-serif;
	font-size: 8pt;
}
.CellPlatbyPo { padding:2; font-family: 'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 8pt; background-color:#F7DDE4 }
.CellPlatbySel, .CellFirmySel { padding:2; font-family: 'Arial CE','Helvetica CE',Arial,helvetica,sans-serif; font-size: 8pt; background-color:#FFF4F4 }

.tabulka     {  border:2px solid #FFFFFF; padding-left: 0; padding-right: -1; 
               padding-top: 0; padding-bottom: 0}
.TabAdminHeader { border:1px solid #8E2344; padding-left: 4; 
               padding-right: 4; padding-top: 3; padding-bottom: 3; 
               background-color: #8E2344; font-family:Verdana, Geneva CE, lucida, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold }
.TabAdmin { padding-left: 4; padding-right: 4; padding-top: 1; padding-bottom: 1; background-color: #FFF0EB;}
.TabAdminOhraniceni { border:1px solid #8E2344; padding-left: 4; 
               padding-right: 4; padding-top: 1; padding-bottom: 1; 
               background-color: #FFF0EB; }
.CellAdminPodtrzeni { border-bottom:1px solid #8E2344; padding-left: 4; 
               padding-right: 4; padding-top: 1; padding-bottom: 1; 
               background-color: #FFF0EB; }
.CellAdminWhite { padding-left: 4; 
               padding-right: 4; padding-top: 1; padding-bottom: 1; background-color:#FFFFFF 
                }
.CellAdminPokus { border-bottom:1px solid #8E2344; padding-left: 4; 
               padding-right: 4; padding-top: 1; padding-bottom: 1; 
                }
/* umístění tlačítek do zpět, dále do tabulky*/               
.TabAdminForm { padding:0; margin-left:5; margin-right:5 }
.TabRadek    { background-color: #FFF0EB; font-family:Verdana; font-size:9pt; text-indent:0; text-align:left }
.TabRadekLight    { background-color: #FFD2C4; font-family:Verdana; font-size:9pt; text-indent:0; text-align:left }
.TabHlavicka { font-weight: bold; padding-left: 4; 
               padding-right: 4; padding-top: 1; padding-bottom: 1; 
               background-color: #ECB1C1; font-family:Verdana; font-size:9pt }
legend {font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 12px;color: #8E2344;font-weight: bold }               
             
a:link.link_white, a:active.link_white, a:visited.link_white, .link_white {font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 10px;color: #FFFFFF;font-weight: bold }
a:hover.link_white {text-decoration: none; font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 10px;color: #FFFFFF;font-weight: bold }

a:link.link_bila, a:active.link_bila, a:visited.link_bila, .link_bila {text-decoration: none; color: #FFFFFF }
a:hover.link_bila {text-decoration: underline; color: #FFFFFF }

a:link.link_admin, a:active.link_admin, a:visited.link_admin, .link_admin {font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 9pt;color: #000080;font-weight: bold }
a:hover.link_admin {font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 9pt;color: #000080;font-weight: bold; text-decoration:underline }               

a:hover.info, a:link.info, a:active.info, a:visited.info, .info, a.alert {font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 10px;color: #000080;font-weight: bold }               

a:hover.info2, a:link.info2, a:active.info2, a:visited.info2, .info2 {font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 10px;color: #8E2344;font-weight: bold }               

a:hover.info3, a:link.info3, a:active.info3, a:visited.info3, .info3 {font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 14px;color: #8E2344;font-weight: bold }               


a           { text-decoration: none; color: #000080}
a:hover     { text-decoration: underline; color: #000000}

a:link.link_podtr, a:active.link_podtr, a:visited.link_podtr, .link_podtr    { text-decoration: underline;}
a:hover.link_podtr   { text-decoration: underline; color: #000000}



/* Styly do článků */
.code {
margin: 14px 0;
font-family: monospace;
padding: 10px;
padding-left: 12px;
background-color: #F6F4ED;
color: black;
text-align: left;
border: 1px dashed #C4C0B1;
white-space: nowrap;
overflow: auto;
}

.cl_link {
	border-style: outset;
	border-width: 0px 0px 0px 6px;
	border-color: #800000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 5px;
	background-color: #EEEEEE;
	font-size: 11px;
}
.cl_link a{
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
.cl_link a:hover{
	color: #800000;
}


.cl_citace {
	border: 1px dotted #800000;
	margin: 15px 5px 15px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	padding: 5px;
	background-color: #EEEEEE;
	font-size: 11px;
}
.div_img_popisek_top1 {
	border-style: solid;
	border-width: 1px;
	background-color: #FFE7CE;
	font-family: verdana;
	font-size: large;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	width: 548px;
}

.form_control {padding:5px; border-width: 2px; 	}
.form_control[type=text] {width:100%; }
.form_control[type=checkbox] {margin:5px 5px 5px 0px; zoom: 1.5;}

.form_control[type=submit], .form_control[type=button] { 
  border-radius: 4px;
  border:none;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
  background-color: #cccccc;
	color: #000000;
  padding: 4px 18px;
  text-align: center;
  font-size: 14px;
  margin: 4px 2px;
  opacity: 0.8;
  transition: 0.3s;
}

.form_control[type=file] { 
  border-radius: 6px;
  border:none;
	border-style: solid;
	border-width: 2px;
	border-color: #000000;
  background-color: #cccccc;
	color: #000000;
  padding: 4px 18px;
  text-align: center;
  font-size: 14px;
  margin: 4px 22px;
  transition: 0.3s;
  width:80%
}



.form_control[type=submit]:hover, .form_control[type=button]:hover  {opacity: 1; cursor: pointer;}

.form_control[type=submit]:disabled, .form_control[type=button]:disabled {opacity: 0.5; cursor: not-allowed;} 

.form_combo {padding:5px; width:100%; border-width: 2px;}
.form_text_area {padding:5px; width:376px; max-width:376px; min-width:376px; min-height:120px; border-width: 2px;}
.form_text_area2 {padding:5px; width:550px; max-width:550px;; min-width:550px; min-height:120px; border-width: 2px;}

.div_frame {padding:5px;   	border-style: solid; 	border-width: 2px;	border-color: #000000;}


.container {
  position: relative;
  width:auto;
  max-width: 700px;
  margin: 0 auto;
}

.container img {vertical-align: middle; opacity:0.8}

.container .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}

.instrukce {font-family: Arial; font-size: 12px; padding:4px 2px; }
.instrukce H3 {font-family: Arial; font-size: 12px; padding:2px; font-weight: bold; margin:4px 10px 4px 0px; padding:0; display: inline;}

.gallery, .gallery_max {
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.gallery {
    width: 368px;
    margin: 25px 5px;
}

.gallery_max {
    width: 95%; margin: auto;
}

.gallery:hover {
    border: 1px solid #777;
}

.gallery img,  .gallery_max img {
    width: 100%;
    height: auto;
    cursor: pointer;
    border-radius: 6px 6px 0px 0px;

}

.gallery_desc {
    padding: 15px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#434343; font-weight: bold; 
}



.gallery_inz {
    background-color: #EFEBDE;
    margin: 5px;
    border: 1px solid #ccc;
    width: 368px;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: relative;
}



.gallery_inz:hover {
    border: 1px solid #777;
}

.gallery_inz img {
    display: block;
    margin:20px auto;
    width: 200px;
    max-height: 150px;
    overflow: hidden; 
    object-fit: cover;
    cursor: pointer;
}


.inz_top_znak {
    font-size: .75rem;
    text-align: center;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 4em;
    height: 4em;
    display: inline-block;
    overflow: hidden;
    pointer-events: none;
    padding:2px;
}


.inz_top_znak_roh {
    font-size: .75rem;
    text-align: center;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 4em;
    height: 4em;
    display: inline-block;
    overflow: hidden;
    pointer-events: none;
}

.inz_top_roh_obsah {
    position: relative;
    left: -1.1em;
    top: -.1em;
    width: 6em;
    height: 1.5em;
    overflow: hidden;
    color: #fff;
    background: #660000;
    display: block;
    padding: .175em 0;
    transform: translate(-.6em,.5em) rotate(315deg);
    text-align: center;
    font-family: Verdana; font-size: 12px; font-weight: bold; 

}

.inz_top_roh_obsah:before {
    content: attr(data-content);
    display: block;
}

*,:after,:before{box-sizing:border-box;}

.advert_top_right {position: fixed; top:23px; left: calc(50% + 390px);  width: 130px; z-index: 2; }

@media screen and (max-width: 900px) {
  .lg {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
}

/********************************************/
/*Začátek nových CSS pro  responzivní design*/
/********************************************/

@media screen and (min-width: 1001px) {
	.sect-art-list,
	.sect-art-det{
		font-size: 20pt;
	}

	.only-mobile {
		display: none !important;
	}

}

@media screen and (max-width: 1000px) {
	.sect-art-list,
	.sect-art-det {
		font-size: 40pt;
	}
}



/********************************************/

.sect-art-list {
	font-family: 'Fira Sans', sans-serif;
	clear: both;
}


	.sect-art-list .art-img-box {
		padding: 0px;
		float: right;
		width: 4em;
		height: 4em;
		margin-left: 14px;
	}

		.sect-art-list .art-img-box .art-img {
			border: 1px solid #ccc;
			border-radius: 6px;
			background-color: #EFEBDE;
			width: 100%;
			height: 100%;
			object-fit: cover;			
		}


/********************************************/

span.time {
	color: #444444;
}

.advert {
	font-family: 'Arial CE','Helvetica CE',Arial,helvetica,sans-serif;
	text-align: right;
	color: #6d6d6d;
	font-size: 0.5em;
	line-height: 0;
	margin-right:2px;
}


.sect-art-det {
	font-family: 'Fira Sans', sans-serif;
	clear: both;
}




.sect-header {
	margin: 20px 0px;
	padding: 5px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	border: 2px solid #8E2344;
	border-radius: 6px;
}



	.art-container {
	padding: 0px 0px;
	font-size: 1em;
	clear: both;
}

	.art-container h2 {
		font-size: 1em;
	}


.art-container-small {
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 15px 13px;
	margin: 15px 0px;
	font-size: 1em;
}

	.art-container-small h2 {
		font-size: 0.7em;
	}

	.art-container-small a {
		color: #8E2344;
	}



.art-desc {
	padding: 5px 0px;
	color: #000;
	font-size: 0.7em;
	font-family: 'PT Serif', serif;
}

.art-websource-box {
	padding: 10px 0px;
	font-family: Arial;
	font-size: 0.5em;
	color: #101010;
	align-items: center;
	display: flex;
}

	.art-websource-box a {
		color: #660000;
		font-weight: bold;
		
	}

	.art-websource-box img {
		height: 1.3em;
		vertical-align: middle;
		margin-right: 0.3em;
		float:left;
	}


.art-socmed-box {
	padding: 5px 0px;
	width: 100%
}

	.art-socmed-box img {
		width: 32px;
		height: 32px;
		opacity:0.6;
    vertical-align: middle;

	}

	.art-socmed-box img:hover  {
		opacity: 1
	}
.art-info .art-socmed-box {
	float: right;
	width: auto; 
}

.art-info {
	padding: 5px 0px;
	color: #434343;
	font-size: 0.5em;
	width: 100%;
}

	.art-info .tag-web {
		margin-right: 10px;
	}

.art-akce-time {
	padding: 5px 0px;
	color: #000;
	font-size: 1.2em;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}


.tag-web {
	padding: 15px 8px;
	font-weight: bold;
	color: #FFF;
	background-color: #8E2344;
	border-radius: 6px;
	display: inline-block;
}

	.tag-web a {
		color: #FFF;
	}


.art-author {
	padding: 5px 0px;
	color: #434343;
	font-size: 0.5em;
	width: 100%;
	text-align: right
}

.art-img-box {
	padding: 5px 0px;
}

.art-img {
	background-color: #EFEBDE;
	width: auto;
	max-width: 100%;
	border: 1px solid #ccc;
	border-radius: 6px;
	position: relative;
}

.art-img-desc {
	padding: 5px 0px 15px 0px;
	color: #434343;
	font-size: 0.5em;
}



	/*Konec nových CSS pro  responzivní design*/


	.ImgArticle {
		background-color: #EFEBDE;
		width: auto;
		max-width: 500px;
		margin: 3px;
		border: 1px solid #ccc;
		border-radius: 6px;
		position: relative;
	}

	.ImgArticleDesc {
		font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		padding: 3;
		color: #434343;
		font-size: 9pt;
		clear: both;
	}

	.ArticleDesc {
		font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		padding: 20px 0px;
		font-size: 11pt;
		clear: both;
	}


	.div_rss_img {
		float: left;
		position: relative;
		display: block;
		margin: 0px 8px 8px 5px;
		padding: 0;
		background-color: #EFEBDE;
		width: 66px;
		max-height: 45px;
		object-fit: cover;
		border: 1px solid #ccc;
		border-radius: 3px;
		position: relative;
	}

	.div_rss_article {
		position: relative;
		display: block;
		margin: 5px 1px;
		padding-left: 12;
		background-image: url('images/navigace/bod.gif');
		background-repeat: no-repeat;
		margin-left: 0;
		margin-right: 0;
		margin-top: 5;
		margin-bottom: 0
	}


		.div_rss_article h1 {
			font-size: 12px;
			padding: 0;
			font-family: Arial;
			margin: 4px 0px;
			background-image: none;
		}

	.div_rss_time {
		color: #8E2344;
		font-size: 11px;
		padding: 0;
		font-family: Arial;
		font-weight: bold;
		display: block;
	}

	.img_rss_r {
		display: block;
		clear: both;
		float: right;
		padding: 0;
		margin: 1px 5px;
		position: relative;
		width: 50px;
		height: 50px;
		object-fit: cover;
		border: 1px solid #ccc;
		border-radius: 6px;
	}

	.img_rss_l {
		display: block;
		clear: both;
		float: left;
		padding: 0;
		margin: 1px 5px;
		position: relative;
		width: 50px;
		height: 50px;
		object-fit: cover;
		border: 1px solid #ccc;
		border-radius: 6px;
	}

	.img_s_rss_r {
		display: block;
		clear: both;
		float: right;
		padding: 0;
		margin: 1px 5px;
		position: relative;
		width: 16px;
	}

	.rss_web_title {
		padding: 0px;
		margin-top: 3px;
		font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
		font-weight: normal;
		color: #000;
		font-size: 8pt;
	}

		.rss_web_title img {
			margin-right: 2px;
			margin-left: 1px;
			height: 15px;
			width: 15px;
			vertical-align: top;
		}

	.clearfix:after {
		content: "";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both;
	}