/* -----------------------------------------------------------------------------

    This file should be used to add your own CSS definitions or override
	the existing ones.

----------------------------------------------------------------------------- */

	/* FONT */
	/* body { font-family: 'insert-font-family-name-here', 'Arial', sans-serif; } */

	/* STANDARD LOGO DIMENSIONS */
	.header-branding img { width: 50px; }

	/* LARGE LOGO DIMENSIONS */
	.header-branding.m-large-logo img { width: 100px; }
	/* Scroll down to "MEDIUM DEVICES" to change width of large logo on mobile devices */

	/* your CSS here */
	#logo_nadpis {position:absolute; background:#fff; background:rgba(255,255,255,0.8); top:40px; left:80px; z-index:-1; padding:24px 30px 14px 40px; min-width:450px;}
	#logo_nadpis a {margin:0px; padding:0px; color:#212121; font-family:Arial; font-size:42px; font-weight:bold; text-transform:uppercase; text-decoration:none; letter-spacing:-2px;}
	#logo_nadpis span {color:#3f3f3f; font-size:14px; font-weight:normal; text-transform:none; letter-spacing:0; display:block; text-align:right;}
	table.agence {margin:0; padding:0;}
	table.agence td {padding:0 10px 0 0; vertical-align:middle;}
	table.foto_pozadi {border-collapse:collapse; border:0px; display:inline-block; margin:10px 10px 0 0px; background: linear-gradient(#FFF,#F5F5F5); box-shadow:0px 0px 5px #ddd inset; width:auto;}
	table.foto_pozadi td {width:160px; height:160px; text-align:center; padding:0;}
	table.foto_pozadi img {border:1px solid #C5C5C5; max-width:180px; max-height:180px;}
	table.foto_pozadi a:hover img {transform:scale(1.1); transition: 0.5s ease-in-out;}
	.clearboth {clear:both; margin-bottom:20px;}
	.text-prostredni {padding-bottom:30px; font-size:14px;}
	.text-prostredni p {margin:0; padding:0;}
	.text-prostredni ul {list-style:outside none square; margin:10px 0px 10px 20px;}
	.text-prostredni table td {border: 0 none; padding: 5px 10px; vertical-align: middle;}
	.text-prostredni hr {border:0; border-bottom:1px solid #ccc;}
	h3 {margin:16px 0 8px 0; color:#3561A0;}
	h2 {margin:16px 0 16px 0;}
	
	/* KALENDAR */
	/*
	.calendar h3 {background:#d13938; color:#fff;}
	.calendar h3 a {color:#fff;}
	.calendar .tp {color:#fff;}
	*/
	 #kalendar {margin:0px; padding:0px; position:relative; overflow:hidden; z-index:0; border-collapse:collapse; width:100%; color:#333;}
	 #kalendar th { background:#fff; background:rgba(255,255,255,0.35); text-transform:uppercase; height:30px; color:#d13938; text-align:center; font-size:14px; padding:5px;}
	 #kalendar td { background:#fff; background:rgba(255,255,255,0.35); border:1px solid transparent; text-align:center; height:36px; width:14.2857%; padding:5px;}
	 #kalendar td a {color: #545556; font-weight: bold; text-decoration:none; line-height:30px;}
	 #kalendar td.aktivni {}
	 #kalendar td a {color:#fff; background:#d13938; border:0; border-radius:50px; display:inline-block; width:30px; height:30px;}
	 #kalendar td a.zluta {color:#333; background:#f7d139;}
	 #kalendar td a.seda {color:#fff; background:#909090;}
	 #kalendar td a.zelena {color:#fff; background:#25bb5a;}
	 #kalendar td a.fialova {color:#fff; background:#cc38d1;}
	 #kalendar td a.modra {color:#fff; background:#3855d1;}
	 #kalendar td a.ruzova {color:#fff; background:#ff7d9c;}
	 #kalendar td a.cerna {color:#fff; background:#333;}
	 #kalendar tr td.mesic {font-weight:bold; font-size:16px; text-align:center; }
	 #kalendar tr.posun td a {color:#d13938; text-decoration:none; border:0; font-size:28px; border-radius:0; background:none;}
	 .kalendar_vypis {padding:10px 20px;}
	 .floatright {float:right;}
	 .floatleft {float:left;}
	 .clearboth {clear:both;}
	/* KALENDAR */

	#uredni-deska #page-content a,
	#archiv-2013 #page-content a,
	#archiv-2014 #page-content a,
	#archiv-2015 #page-content a,
	#archiv-2016 #page-content a,
	#archiv-2017 #page-content a,
	#archiv-2018 #page-content a,
	#archiv-2019 #page-content a,
	#archiv-2020 #page-content a,
	#archiv-2021 #page-content a,
	#archiv-2022 #page-content a,
	#archiv-2023 #page-content a,
	#archiv-2024 #page-content a,
	#archiv-2025 #page-content a,
	#archiv-2026 #page-content a,
	#archiv-2027 #page-content a,
	#archiv-2028 #page-content a,
	#archiv-2029 #page-content a,
	#archiv-2030 #page-content a {color:#000}
	
	#uredni-deska #page-content,
	#archiv-2013 #page-content,
	#archiv-2014 #page-content,
	#archiv-2015 #page-content,
	#archiv-2016 #page-content,
	#archiv-2017 #page-content,
	#archiv-2018 #page-content,
	#archiv-2019 #page-content,
	#archiv-2020 #page-content,
	#archiv-2021 #page-content,
	#archiv-2022 #page-content,
	#archiv-2023 #page-content,
	#archiv-2024 #page-content,
	#archiv-2025 #page-content,
	#archiv-2026 #page-content,
	#archiv-2027 #page-content,
	#archiv-2028 #page-content,
	#archiv-2029 #page-content,
	#archiv-2030 #page-content {color:#000;}
/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* LARGE LOGO DIMENSIONS */
		.header-branding.m-large-logo img { width: 50px; }
		#logo_nadpis {position:static; width:100%; min-width:1px; text-align:center;}
		#logo_nadpis span {text-align:center;}

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */
		#logo_nadpis a {font-size:28px; }
		#logo_nadpis span {font-size:14px;}

	}