@charset "windows-1250";
hr {height:1px; margin:1em 0; border:none; display:block; width:100%; }

/* ----- Tabulky -----*/

table {
	box-sizing:border-box;
}

table th {
	text-align:left; 
	vertical-align:middle; 
	font-weight:400;
}

table, table th, table td { 
	border-collapse:collapse; 
	border-spacing:0; 
	vertical-align:top;
}

/* ----- Tabulky - pro urad -----*/
.oblok table {
	border: 1px solid #dddddd;
	width: 100%;
	margin: 20px 0px;
}

.oblok table td, th {
  border: 1px solid #dddddd;
  text-align: left;
 padding: 5px;
}

.oblok table tr:nth-child(even) {
  background-color: #f2f2f2;
}




/* ------ Buttony ------ */
/* button, button-s, button-m, button-l, button-xl */

[class^="button-"], [class*=" button-"], .button {
/*	-moz-box-shadow: inset 0px 1px 0px 0px #2eb2a0;
	-webkit-box-shadow: inset 0px 1px 0px 0px #2eb2a0;
	box-shadow: inset 0px 1px 0px 0px #2eb2a0;  */
	background-color: #0072b9;
/*	border: 1px solid #17445E;  */
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	padding: 0.33em 1.66em;
	text-decoration: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/* margin-bottom: 0.33em; */
}

[class^="button-"] a, [class*=" button-"] a, .button a {
	color: inherit !important;
}

[class^="button-"]:hover, [class*=" button-"]:hover, .button:hover {
	 background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);  
	background-color: #36645e;
}

.button-s {
	font-size: 0.7em !important;
}

.button-m {
	font-size: 0.85em !important;
}

.button-l {
	font-size: 1em !important;
}

.button-xl {
	font-size: 1.2em !important;
}

/* Vlajky */

#vlaj {
	position: absolute;

	top: 0px;
z-index: 300;

left: 460px;
background-color: #fff;
color: white;
padding: 1px;
font-size: 17px;
border: none;
display: none;

}

#vlaj a {

	top: 0px;
	

	z-index: 300;
	background-repeat: no-repeat;
	text-decoration: none;
	float: left;
color: #000;
padding: 5px 10px;
background-color: #d5d5d5;
}

#vlaj a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

#vlaj a.zvol {
	filter: alpha(opacity=100);
	opacity: 1;
	text-decoration: underline;
}

#vlaj span {
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	line-height: 10px;
	
}

#vlaj #cz {
	
	/* background-image: url(images/vlaj_cz.jpg); */
	
		right: 32px;
top: 0px;
	background-size:100% 100%;
	
}

#vlaj #de {
/*	background-image: url(images/vlaj_de.jpg); */
	
	    right: 3px;
    top: 0px;
    background-size: 100% 100%;
background-color: #e0fbda;
}




#vlaj #en {
/*	background-image: url(images/vlaj_en.jpg);*/
	right: 6px;
	top: 5px;
	
background-size:100% 100%;
background-color: #fff;
}

#vlaj .home span {
	display: none;

}

#obdobi {
	position: absolute;
top: 6px;
z-index: 300;
height: 20px;
width: 130px;
left: 190px;

}
#obdobi a {
    float: left;
    height: 43px;
    width: 43px;
    margin-right: 1px;
}
#obdobi a span {
   display: none;
}
#obdobi #ob-zima {
    background-image: url(images/icony_zima.gif);
	background-size:contain;
}
#obdobi #ob-leto {
    background-image: url(images/icony_leto.gif);
	background-size:contain;
}

/* Social Icons
---------------------------------------------------------------------------------------------------------------------------------------*/
.socsite{margin:0; padding:0; list-style:none;}
.socsite li, .socsite div{display:inline-block; margin:0 2px 2px 0; line-height:normal;}
.socsite li:last-child, .socsite div:last-child{margin-right:0;}

[class^="sociko-"] em, [class*=" sociko-"] em, [class^="fa"] em, [class*=" fa"] em{display:none;}
[class^="sociko-"], [class*=" sociko-"]{display:inline-block; width:30px; height:30px; line-height:30px; font-size:inherit; text-align:center;}
[class^="sociko-"]:hover, [class*=" sociko-"]:hover, .socsite.coloured a:hover{color:#FFFFFF; background-color:#CCCCCC;}/* Over ride in Skin file */

.socsite a span {
	margin-top: 7px;
}

.socsite a, .socsite.coloured a:hover{color:#FFFFFF; background-color:#CCCCCC; }
.socsite a:hover, .socsite.coloured a{color:#FFFFFF;}

.socsite .sociko-facebook:hover, .socsite.coloured .sociko-facebook{background-color:#3B5998;}
.socsite .sociko-google-plus:hover, .socsite.coloured .sociko-google-plus{background-color:#DB4A39;}
.socsite .sociko-instagram:hover, .socsite.coloured .sociko-instagram{background-color:#3F729B;}
.socsite .sociko-linkedin:hover, .socsite.coloured .sociko-linkedin{background-color:#0E76A8;}
.socsite .sociko-rss:hover, .socsite.coloured .sociko-rss{background-color:#EE802F;}
.socsite .sociko-twitter:hover, .socsite.coloured .sociko-twitter{background-color:#00ACEE;}
.socsite .sociko-youtube:hover, .socsite.coloured .sociko-youtube{background-color:#C4302B;}

.socsite li a {border-radius:50%;}

.page-footer .socsite {
	margin-top: 10px;
}

.page-footer a {
	text-decoration: underline;
}

.row-webdesign a {
	text-decoration: underline;
}

.page-footer .socsite li {
	margin-right: 10px !important;
}

.page-footer .iconp img {
	margin-bottom: 1px;
	opacity: 0.75;
}

.page-footer .iconp-alt {
	font-size: 0.9rem;
	opacity: 0.85;
	margin-bottom: 18px;
}

.page-footer .iconp-alt a {
	text-decoration: none;
}

.page-footer .iconp img:hover {
	opacity: 0.95;
}


/* --- dotazovaci formular ---- */

.email_form_inner textarea, .email_form_inner input, .email_form_inner button, .email_form_inner select {
	font-family: inherit; 
	font-size: inherit;
}

.email_form_inner .popisek {
	display: none;
}

.email_form_inner .reset {
	display: none;
}

.email_form_inner .polozka {
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	padding: 8px;
	outline: none;
	border: 1px solid #B0B0B0;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	margin-bottom: 6px;
		border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size: 90%;

}

.email_form_inner .polozka-jmeno, .email_form_inner .polozka-email {
	width: 70%;
}

.email_form_inner .polozka:focus{
	box-shadow: 0 0 5px #B0CFE0;
	border:1px solid #B0CFE0;
}

.email_form_inner textarea{
	width: 100%;
}

.email_form_inner input[type="button"], 
.email_form_inner input[type="submit"] {
/*	-moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
	-webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
	box-shadow: inset 0px 1px 0px 0px #3985B1;
	background-color: #216288;
	border: 1px solid #17445E;
	display: inline-block;
	cursor: pointer;
	color: #FFFFFF;
	padding: 8px 18px;
	text-decoration: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; */
}

.email_form_inner input[type="button"]:hover, 
.email_form_inner input[type="submit"]:hover {
/*	background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
	background-color: #28739E; */
}

.email_form_inner ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #555555;
}

.email_form_inner :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #555555;
   opacity:  1;
}

.email_form_inner ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #555555;
   opacity:  1;
}

.email_form_inner :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    #555555;
}

/* --- dotazovaci formular v patiece ---- */

.page-footer .email_form_inner .polozka-jmeno, .email_form_inner .polozka-email {
	width: 100%;
}

.page-footer .email_form_inner .polozka {
	background-color: #EEEEEE;
	color: #555555;
}	

.page-footer .email_form_inner .polozka:focus{
	box-shadow: 0 0 5px #B0B0B0;
	border:1px solid #555555;
	color: black;
}

.page-footer .email_form_inner input[type="button"], 
.page-footer .email_form_inner input[type="submit"] {
	background-color: #594a38;
	border: 1px solid #eeeeee;
	color: white;
	box-shadow: inset 0px 0px 0px 0px #eeeeee;
	
}

/* ------------- UBYTOVAVACI (REZERVAENÍ) FORMULAR ------------------- */

.ubytform {
	font-size: 100%;
}

.ubytform textarea, .ubytform input, .ubytform button, .ubytform select {
	font-family: inherit; 
	font-size: inherit;
}

.ubytform textarea {
	width: 100%;	
}

.ubytform .reset {
	display: none;
}

.ubytform .hodnota input, .ubytform .hodnota select, .ubytform .hodnota textarea {
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	padding: 8px;
	outline: none;
	border: 1px solid #B0B0B0;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	margin-bottom: 6px;
		border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	font-size: 90%;

}

.ubytform .hodnota:focus{
	box-shadow: 0 0 5px #B0CFE0;
	border:1px solid #B0CFE0;
}

.ubytform .dradek {

}

.ubytform .popisek {
	width: 110px;
	display: block;
	font-weight: bold;
	float: left;
	padding-top: 10px;
	padding-bottom: 8px;
}

.ubytform .buttony {
	padding-top: 1em;
	text-align: left;
	padding-bottom: 1em;
}

.ubytform .buttony input {
	margin-top: 5px;
	font-size: 90%;
	margin-left: 10px;
	margin-right: 10px;
}

.ubytform select {
	margin-top: 5px;
	/* font-size: 90%; */
	border: 1px solid silver;
}


.ubytform .buttony input.submit {
	font-weight: bold;
}


/* --- fotogalerie v pravém sloupci --- */

#port-right .rr-box .ftg_item  {
	width: 100%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
}

.ftg_item .ftg_img  {

}
#port-right .rr-box .ftg_item .ftg_img a img {
	width: 100%;
	height: auto;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
}

/* --------- specifikum Tosch --------- */

#portmain .r-box .webcam img {
	width: 70%;
}

.r-box-twitter .r-obsah {
	/* background-color: silver; */
}

/* --------- zmensuje obrazek v Olioptik kontakty--------- */
img.small {
	width: 400px !important;
border: solid 5px #d8f1ff !important;
box-sizing: border-box;
}

/* --------- DROPDOWN - OLIOPTIK--------- */
.dropbtn {
background-color: #0f4b54;
color: white;
padding: 3px 8px;
font-size: 20px;
border: none;

margin: 0 1px;
}

.dropdown {
    position: relative;
    display: inline-block;
	margin-right: 20px;
	float:left;
	}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
min-width: 180px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 500;
padding: 20px;
}

.dropdown-content a {
    color: black;
   
    text-decoration: none;
   
}

.dropbtn span {
    display: none;
   
}

.dropdown-content a:hover {background-color: #ddd}

.dropdown:hover .dropdown-content {
    display: block;
	-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.dropdown:hover .dropbtn {
 background-color: #e2e2e2;
color: #2e2e2e;
}

span.strong {
   
	 font-weight: bold;
}

/* --------- nabíhani--------- */

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

#hornitexttext {
   

}

#dolnitexttext {
   
	
}


/* ----- top buttons -----*/
#topbuttons {
position: absolute;
right: 0px;
top: 2px;
}
#topbuttons a.home{
float:left;

display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
font-size: inherit;
text-align: center;
border-radius: 50%;
background-color: #22b24c;
color: white;
}
#topbuttons a.home span{
display:none;
}
.socsite-obal{
float:left;
}

/* webkamery */

#cam_refresh {
	margin: 10px;
	margin-left: 0;
	background: url(/images/reload20.gif) no-repeat left bottom;
	padding-left: 25px;
	line-height: 28px;
	clear: left;

padding-top: 50px;
}

.cam_obr img {
	border: 1px solid black;
	margin: 4px;
}

.cam_umisteni {
	margin-top: 10px;
}

.cam_time {
	
}

.cam_big {
	padding: 2px;
	font-weight: bold;
	background-color: #065fb4;
	border: 1px solid black;
	margin: 4px;
	width: 90px;
	text-align: center;
	float: left;
	margin-right: 30px;
}

.cam_big:hover {
	background-color: #810e34;
}



.cam_gtepl {
	float: right;
	width: 125px;
	height: 55px;
	background-image: url(/images/icons/teplomer50.gif);
	background-position: right top;
	background-repeat: no-repeat;
}


.cam_gtepl .inner {
	padding: 2px;
	font-weight: bold;
	background-color: #065fb4;
	border: 1px solid black;
	margin: 4px;
	width: 90px;
	text-align: center;	
}

.cam_gtepl .inner:hover {
	background-color: #810e34;
}

.cam_gtepl .inner a {
	color: white;
	text-decoration: none;
	font-size: 10px;
}


.cam_umisteni .cam_umisteni_nadpisek {
	font-weight: bold;
	text-align: left;
	margin: 3px;
}

.cam_umisteni h4 {
	font-weight: bold;
	font-size: 110%;
}

.cam_umisteni .kliknetezde {
	line-height: 28px;
	height: 28px;
}

.cam_umisteni .kliknetezde a {
	background: url(/images/info20.gif) no-repeat left;
	padding-left: 25px;
	line-height: 28px;
	height: 28px;
	font-weight: bold;
}

.cam_zajem {
	margin: 5px;
	margin-top: 15px;
	padding: 8px;
	border: 1px solid black;
	background-color: #EEEEEE;
}

.cam_realizace {
	margin-top: 15px;
	padding: 8px;
	padding-left: 0;
	font-style: italic;
}

.cam_archiv {
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.cam_dayarchiv {
	padding-top: 5px;
	padding-bottom: 10px;
	font-weight: bold;
}

.cam_dayarchiv a {
	text-decoration: none !important;
color: #ffffff !important;
}

.cam_big a {
	text-decoration: none !important;
color: #ffffff !important;
font-size: 12px;
}

.cam_dayarchivx {
	display: inline;
	padding: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	border: 1px solid black;
	margin-left: 8px;
	background-color: #065fb4;
	font-size: 11px;
}

.cam_dayarchivx:hover {
	background-color: #810e34;
}



.cam_text {
	padding-top: 10px;
	font-weight: bold;
}

/* --------- buttton - posun - alpy - blokuje ve vedlejších stránkách--------- */
#posun {
display:none;
 
}


/* --------- breadcrump -na pravo lipno-------- */
.breadcrump {
  
    float: right;
    margin-bottom: 10px;
    position: relative;
   margin-top: -40px;
/*padding-bottom: 20px; */
background-color: rgba(54, 62, 35, 0.75);
}


/* --------- mapa - roztáhnout - lipno-------- */

.pgkt-mp #portmain {
	
	padding: 0 0 0 0;
	margin-bottom: 0;
}

.pgkt-mp .row-main {
    width: 100%;
   
}

.pgkt-mp .breadcrump {
   
    display: none;
}

.pgkt-mp .row-noheaderfoto {
    padding-top: 120px !important;
}

.pgkt-mp .row-noheaderfoto .obal2 {
display:none;

}
.pgkt-mp .vrstvy {
margin-left:10px;

}

.pgkt-mp #port-middle {
	
	
	

	margin-top: 0px;
}

/* --------- mapa - mezera dole - -------- */


.pgkt-mp #port-middle {
	
	
	

	margin-top: 0px;
}

[class*="pgkt-tt"] #intermap {
   margin-bottom:10px;
}

/* --- kulturni kalendar --- */

#kalakci h5 {
/*	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b2b2b2;
	font-size: 110%;
	border-left-width: 10px;
	border-left-style: solid;
	border-right-color: #b2b2b2;
	border-bottom-color: #b2b2b2;
	border-left-color: #b2b2b2;
	padding-left: 5px;
*/
}

#kalakci ul.kalakci_s {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}

#kalakci ul.kalakci_s li {
	display: inline;
	border: 1px solid #CCCCCC;
	padding: 2px 8px;
	background-color: #F5F5F5;
	line-height: 4ex;
	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 3px;

	-webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.20);
	box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.20);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

}

#kalakci #kalakci1 ul.kalakci_s li {
	background-color: #00a5e5;
}

#kalakci #kalakci1 ul.kalakci_s li a {
	color: white;
	font-weight: bold;
}

#kalakci ul.kalakci_s li:hover {
	background-color: #E5E5E5;
}

#kalakci ul.kalakci_s li a {
	text-decoration: none;
}

#kalakcireg {
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #595959;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #595959;
	border-right-color: #595959;
	border-bottom-color: #595959;
	margin-bottom: 7px;
	clear: left;
}

.minikalendar {

}

.minikalendar h5 {
	margin-bottom: 4px;
}

#kalakci h5 {
	margin-bottom: 4px;
}

.minikalendar ul.kalakci_top1 li {
	
	border: 1px solid #0099ff !important;
	background-color: #e8f6ff!important;

}

#kalakci ul.kalakci_top5 {
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	margin-top: 12px;
}

ul.kalakci_top5 a {
	text-decoration: none;
}

ul.kalakci_top5 li {
	display: inline;
	border: 1px solid #BF909B !important;
	padding: 9px 5px 9px 5px !important;
	background-color: #FFE0CB!important;
	line-height: 4ex;
	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 3px;
}
.fa-edit::before, .fa-pencil-square-o::before {
    position: relative;
    top: 2px;
}



.fa-th-large::before {
 position: relative;
    top: 4px;
}



#kalakci ul.kalakci_s li.kalakci_zapis {
	font-weight: bold;
	margin-right: 10px;
	margin-left: 0;
}

#kalakci ul.kalakci_s li.kalakci_region {
	font-weight: bold;
}

#kalakci ul.kalakci_s .fa {
	font-size: 1.4rem;
}

#kalakci ul.kalakci_s .pop {
	line-height: 22px;
}

/* --- taby - tabulatory --- */
.navobal  {
	width: auto;
}



.tabitem  {
	margin-right: 10px;
	width: auto;
	float: left;
	background-color: #007cad;
padding: 7px 10px;
margin-bottom: 10px;
}

.tabitem a span  {
	color: white;
}

.tabitem a span:before  {
	padding-right: 10px;
}

.row-main .tabitem a {
	color: white;
}

.sticky {
  position: fixed;
  top: 143px;
 z-index:200;
 background-color: white;
 padding: 10px 10px 10px 0px;
 width: 100%;
}

.sticky + .tabobsah {
  padding-top: 32px;
}

/* ----- Povinne zver. inf. - urad -----*/
#page_povinne > ol  {
 
  padding: 0 0px;
  border: 1px solid #ddd;
   list-style-position: inside;
   margin-top: 0px;
}

#page_povinne > ol > li  {
  padding: 8px 16px;
  border-bottom: 1px solid #ddd;
}

#page_povinne > ol > li:nth-child(odd) {
 background-color: #f4f4f4;
}


#page_povinne > ol > li:last-child  {
   border-bottom: none;
}

#page_povinne > ol > li > ul {
 
 
   list-style-type: none;
}
/* ----- Povinne zver. inf. - urad -----*/
.r-box-akce .r_akce_item {
padding: 5px;
}

.r-box-akce .r_akce_item:nth-child(odd) {
 background-color: #f4f4f4;
}


.r-box-akce .r_akce_datum  {
 font-weight: bold;
font-size: 90%;
}

.r-box-akce .r_akce_item_misto  {
font-style: italic;
}
.r-box-akce .r_akce_item_theme  {


}
/* ----- icony - pravy sloupec-----*/
#rightlinks li {
display: block;

padding: 10px 10px;

font-weight: bold;

background-color: #00a5e5;

margin: 1px 0em 1px 0em;

color: white;
}

#rightlinks li a {

  text-decoration: none;
    color: white;
	display: block;

margin-left: 50px;
line-height: 30px;

line-height: 30px;

}
#rightlinks li i {

  text-decoration: none;
    color: white;
	display: inline-block;
float: left;
line-height: 30px;

font-size: 25px;

}

.kalendar1 {

    float: right;
    width: 40%;
    background-color: white;
    z-index: 500;
    width: 35%;
    overflow: hidden;
    margin-top: 20px;

}
#kalakci {

    width: 60%;

}

/* ----- ubytovani -----*/

#pagemenu ul {

 margin-bottom: 3px;
padding: 0px;
margin-top: 0;
}

#pagemenu ul li {

color: white;
padding: 0px;
margin: 0 0 1px 0;

}
#pagemenu ul li a {
background-color: #007cad;
 color: white;
 padding: 5px;
 display: inline-block;
 text-decoration: none;

}

.tblok {
clear: left;


}

/* ----- footer -----*/

.page-footer img  {
max-width: 100%;
margin-bottom: 5px;

}

#pristupnost,  #ostrankach {
display: inline;

padding:0 20px 0 0;

}

#strankyspravuje {
padding-top:10px;
}


/* ----- pristupnost 2020 -----*/

.datepick-month th, .datepick-month th a {
    background-color: #676767 !important;
    color: #fff;
}

.datepick-month td .datepick-highlight {
    background-color: #017cad !important;
    color: white;
}

.datepick-month td .datepick-today {
    background-color: #2a7d42  !important;
    color: white;
}

#blindovladani {
position: absolute;
top: 0px;
left: 0px;
z-index:406;  
}

#blindovladani ul {
list-style-type:none;
}

#blindovladani li a {
position: absolute; 
top: -100px;  
}

#blindovladani li a:focus {
top: 0px;
min-width: 150px;  
background-color: white;  
}


/* google custom search */

.gsearch {
	position: absolute;
 top: 3px;
  left: 51%;
  width: 380px;
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    padding: 6px 6px !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px !important;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border: 2px solid #838383 !important;
    margin-left: 2px !important;
    -webkit-border-radius: 22px !important;
		-moz-border-radius: 22px !important;
		border-radius: 22px !important;
		background-color: #808080 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input input.gsc-input {
	background-image: none !important;
}


.gsc-search-box-tools ::-webkit-input-placeholder { /* Edge */
  
 
 font-size: 0px  !important;
 
}

.gsc-search-box-tools :-ms-input-placeholder { /* Internet Explorer */
 
 
 font-size: 0px  !important;

  
}

.gsc-search-box-tools ::placeholder {
  
 
 font-size: 0px !important;
 
   
}

.gsc-search-box-tools input {
  
}

.gsib_a {
    padding: 5px 9px 4px 9px;
}

.gsc-input-box {
    
    border-radius: 5px;
}

/* --- bocni ikony --- */

#port-right .raitem1  {
    
   display: none;
}

/* --- levy sloupec --- */

#port-left .l-box  {
    
   margin-left: 10px;
}

h4   {
  border-top: solid 1px grey;  
  border-bottom: none !important;  
  margin-top: 25px;
}

h4:after   {
 bottom: -5px  !important;
}


.icprepinac {
 text-transform: lowercase;
}
.icprepinac h4::first-letter {
  font-size: 110%;
 
  text-transform:uppercase;
}