/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

	body { background: url('../images/background.jpg') fixed;	font-family: 'Titillium Web', sans-serif; color: #38373a; font-size: 14px; margin: 0px; padding: 0px;  }
	
	body a { color: #3d3d3f; }
	
	#site { margin: 0 auto; width: 970px; min-height: 300px; background: #fff; padding: 0px; box-shadow: black 4px 6px 20px; padding-top: 0px; }
	
	#site hr.oddelovac { clear: both; height: 0px; border: 0px; }


	#header { border: 0px; border: 1px #FFF solid; }
	
	.logo {	float: left; margin-left: 20px; width: 279px; padding-left: 0px;  font-size: 16px; }
	.logo a, .logo span { display: block; height: 60px; width: 279px; }
	.logo a { position: relative; line-height: 60px; }
	.logo span { position: absolute; top: 0; left: 0; padding-left: 80px; cursor: pointer; color: #38373a; font-weight: lighter; }
	.logo a span { background: url('../images/logo.png') 0 0 no-repeat; }

	#header h2 { visibility: hidden; display: none; }
	#header div { float: left; padding-top: 30px; }
	
	.temata { margin-left: 50px; margin-right: 50px; height: 50px; width: 140px;  }
	.temata a { height: 40px; text-decoration: none;  }
	.temata a.j,a.l,a.p,a.z { height: 20px; width: 20px; text-align: center; display: inline-block; background: #D9DADB;   }
	.temata a.jaktual,a.laktual,a.paktual,a.zaktual { height: 20px; width: 20px; text-align: center; display: inline-block; background: #D9DADB;   }
	
	.temata a:hover.j, .temata a.jaktual { background: #0B0; color: #EEE; }
	.temata a:hover.l, .temata a.laktual { background: #FF0; color: #009ee0; }
	.temata a:hover.p, .temata a.paktual { background: #e2001a; color: #fff; }
	.temata a:hover.z, .temata a.zaktual { background: #009ee0; color: #fff; }
	


	.hledani { width: 220px;  }
	.hledani * { vertical-align:middle; }
	
	.hledani input.pole_text { width: 173px; height: 19px; border: 0px;background: #e3e4e5; padding-top: 0px; }
	.hledani input.tlacitko {  height: 19px; padding-left: 5px;}
	
	
	.odkazy { float: left;  height: 60px; width: 100px;  }
	.odkazy a { height: 60px;  }

	.odkazy2 { float: left;  height: 60px; width: 30px;  }
	.odkazy2 a { height: 60px;  }

	.buttons { width: 45px; display: block;   }
	
	
	/* HEADER END */
	
	/* BANNER START */
	
	a.prev span, a.next span {
		display: none;
		}
		
#banner {
	padding-top: 0px;
	width: 1100px;
	margin: 0 auto;
	clear: both;
	color: #FFFFFF;
	text-align: left;
	overflow: hidden;
	}

#banner h2 {
	text-align: left;
	margin: 0;
	padding: 0;
	}
#banner p {
	text-align: left;
	}   

#banner .wraper {
	width: 970px;
	position: relative;
	z-index: 24;
	overflow: hidden;
	}

.column {
	float: left;
	width: 333px;
	text-align: center;
	display: block;
	}

.column p {
	padding: 0 5%;
	}

.frame {
	margin: 0px;
	padding: 0px 0px;
	overflow: hidden;
	float: left;
	}

.frame img {
	float: left;
	margin-right: 32px;
	width: 970px;
	height: 375px;
	}

.cell {
	margin-top: 200px;
	margin-left: 500px;
	width: 375px;
	display: block;
	}

.cell h2 {
	font-size: 32pt;
	line-height: 28pt;
	}


a.prev, a.next {
	display: block;
	width: 20px;
	height: 34px;
	position: absolute;
	}

a.prev#ic_prev, a.next#ic_next {
	top: 200px;
	background-image: url(../img/arrow.png);
	visibility: hidden;
	}

a.prev#fc_prev, a.next#fc_next {
	top: 200px;
	background-image: url(../img/arrow.png);
	}

a.prev {
	background-position: 0px 0px;
	left: -30px;
	}
a.next {
	background-position: 20px 0px;
	left: 975px;
	}

.pagination {
  position: absolute;
	margin: 0px 0px;
	top: 330px;
	left: 50%;
	z-index: 52;
	text-align: center;

	}
	
.pagination a {
	background: url(../images/pagination.png) 0px 0px;
	display: inline-block;
	width: 17px;
	height: 18px;
	margin: 0 12px 0 0;
	}

.pagination a.selected {
	background-position: 0px 18px;
	}

.pagination a span {
	display: none;
	}
		
	#banner hr { clear: both; height: 0px; border: 0px; }	
	/* BANNER END */
	
	/* MENU START */
	
    #navigace { float: left; width: 250px; text-align: center; }
    
	ul#nav { list-style: none; padding: 0px; margin: 0px; width: 250px; vertical-align: middle; float: left; text-align: left; }
	
	ul#nav li { min-height: 48px; background: #e3e3e4 url('../images/background_menu_off.png') no-repeat; margin-bottom: 3px; display: block;}
	
	ul#nav li a {   background: #e3e3e4 url('../images/background_menu_off.png') no-repeat; background-position: 2px 0px; display: block; padding-left: 40px; line-height: 48px; }
	
	ul#nav li:hover img {   -webkit-filter: brightness(10) contrast(10) grayscale(1);  }	
	ul#nav li:hover a {  color: #fff; background: #009ee1 url('../images/background_menu_on.png') no-repeat; background-position: 2px 0px;  }
	ul#nav li:hover ul li a {  color: #fff; background: #009ee1; padding-left: 10px; background-position: 2px 0px;  }

  ul#nav li:hover ul { display: block;  margin: 0px; margin-top: 3px;}

	ul#nav li a {  line-height: 48px; color: #333; text-decoration: none; }

	ul#nav li ul { display: none; list-style: none;}

	ul#nav li ul li { }

	ul#nav li a:hover ul { display: block; }
	
	#navigace .banner_img { padding-top: 30px;}



	/* MENU END */
	
	/* CONTENT START */
	
	
	
	#content { float: right; padding: 0px; margin: 0px; width: 720px; border: 0px #F00 solid;  } 


	#content .breadcrump { min-height: 48px;padding-left: 10px; padding-top: 0px; background: #e3e3e4; line-height: 48px; display: block;  }

	#content .breadcrump a {  line-height: 14px; padding-top: 10px; color: #333; text-decoration: none; margin-top: 10px; }
	
  #content .uvodni-novinky {  display: none; visibility: hidden;}


#content .dashboard { width: 100%; padding: 8px;}
  
  #content .dashboard div { float: left; padding: 0px; margin: 0px; height: 200px; display: block; margin: 5px;}
  
  #content .dashboard div.d1,#content .dashboard div.d2,#content .dashboard div.d3,#content .dashboard div.d6,#content .dashboard div.d7,#content .dashboard div.d8 { width: 31%; display: block;}
  #content .dashboard div.d4,#content .dashboard div.d5 { width: 47%; display: block;}

  #content .dashboard div.d1 { background: #f36e21 url('../images/iko_widget_galerie.png') 50% 50% no-repeat;  } 
  #content .dashboard div.d1 a { color: #fff; text-align: center; font-size: 18px; font-weight: lighter; text-decoration: none; }

 #content .dashboard div.d2 { background: #009036 url('../images/iko_widget_uspechy.png') 50% 50% no-repeat; }
  #content .dashboard div.d2 a { color: #fff; text-align: center; font-size: 18px; font-weight: lighter; text-decoration: none; }
 
  #content .dashboard div.d3 { background: #003783 url('../images/iko_widget_omluvenka.png') 50% 70% no-repeat; }
    #content .dashboard div.d3 p { color: #fff; text-align: center; font-size: 18px; font-weight: lighter; text-decoration: none; }
  #content .dashboard div.d3 a { color: #fff; text-align: center; font-size: 18px; font-weight: lighter; text-decoration: none; }

  #content .dashboard div.d4 { background: #803689 url('../images/iko_widget_jidelnicek.png') 100% 0 no-repeat; }
    #content .dashboard div.d4 a { color: #fff; text-align: left; font-size: 18px; font-weight: lighter; text-decoration: none;  }
    #content .dashboard div.d4 a.obj { color: #fff; text-align: left; font-size: 12px; font-weight: lighter; text-decoration: none; padding-top: 5px; display: block;  }
    #content .dashboard div.d4 h3 { padding: 10px; margin: 0px; padding-bottom: 0px; }    
    #content .dashboard div.d4 p { color: #fff; padding: 10px; margin: 0px; }
    #content .dashboard div.d4 p.datum { color: #fff; padding: 10px; padding-top: 0px; padding-bottom: 0px; margin: 0px; }
    
    
  #content .dashboard div.d5 { background: #009EE0 url('../images/iko_widget_kalendar.png') 0 0 no-repeat; }
  #content .dashboard div.d5 a h3 { color: #fff; text-align: left; font-size: 18px; font-weight: lighter; text-decoration: none; width: 100px; padding: 10px; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px; float: left;}
  #content .dashboard div.d5 p.descr { color: #fff; text-align: left; padding: 10px; width: 100px; padding-top: 0px; float: left; }  
  
  #content .dashboard div.d5 #wrapKalendar { float: right; color: #fff; border: 0px #fff solid; }
  
  #content .dashboard div.d6 { background: #ec008c 50% 100% no-repeat; }
  #content .dashboard div.d6 a { color: #fff; text-align: center; font-size: 18px; font-weight: lighter; text-decoration: none; }
  
  #content .dashboard div.d7 { background: #f36e21 url('../images/iko_widget_aktuality.png') 50% 70% no-repeat;); }
  #content .dashboard div.d7 a { color: #fff; text-align: center; font-size: 18px; font-weight: lighter; text-decoration: none; }
  
  #content .dashboard div.d8 { background: #786855; }
  #content .dashboard div.d8 a { color: #fff; text-align: center; font-size: 18px; font-weight: lighter; text-decoration: none; }
  
  
  #content .clanek { padding-left: 10px; padding-right: 20px; min-height: 600px;}
	
	#content .clanek h2, #content .clanek h3, #content .clanek h4 { color: #009ee1; } 
	
	#content .clanek table { border: 0px; width: 100%; }
	#content .clanek table th { background: #c5c7c8; margin: 5px; text-align: left; border: 2px #FFF solid; }
	#content .clanek table td { background: #e3e4e5; margin: 1px; padding: 1px;  border: 2px #FFF solid; line-height: 30px;}

  #content .novinky-box { padding-left: 10px;  padding-right: 20px;}
  
  #content .novinka { border-bottom: 1px #000 dotted; margin-bottom: 5px; padding-bottom: 15px;}
  #content .novinka h3 { padding: 0px; margin: 0px;}
  #content .novinka .datum { padding: 0px; margin: 0px;}  
  
  
  #content .uvodni-slovo { padding-left: 10px; padding-right: 20px;}

  #content .galerie-box { padding-left: 0px;  padding-right: 20px;}  
  #content .galerie-box .obrazek { width: 23%; height: 100px; overflow: hidden; float: left; padding: 0px; margin: 5px;}  
	/* CONTENT END */
	
	/* FOOTER START */
	
	#paticka { background: #b1b2b4; padding-top: 20px; }

  #paticka .reserse { width: 100%;background: #f6f6f6;  }
  
  #paticka .reserse .adresa { padding: 10px; width: 300px; float: left; display: block; min-height: 200px;}
  #paticka .reserse .adresa h3 { padding: 0px; margin: 0px;}
  #paticka .reserse .adresa h3 { padding: 0px; margin: 0px;}

  #paticka .reserse .odkazy { padding: 10px; width: 600px; display: block; color: #EEE; }

  #paticka .reserse .odkazy .topButton { float: right; line-height: 20px; height: 30px;}

  #paticka .reserse .odkazy .button_mapa { margin-left: 30px; width: 300px; height: 120px; background: #97bf0d url('../images/iko_mapa.png') no-repeat; background-position: right; float: left;}
  #paticka .reserse .odkazy .button_mapa a { padding-left: 10px;line-height: 35px; width: 100%; color: #EEE; display: block;}

  #paticka .reserse .odkazy .konec_roku { width: 300px; height: 120px; background: #e85113; margin-left: 300px;}
  #paticka .reserse .odkazy .konec_roku div.pocit { padding: 10px; margin-left: 30px;}
  #paticka .reserse .odkazy .konec_roku .count { padding: 10px; padding-top: 0px; margin-left: 30px;}
  #paticka .reserse .odkazy .konec_roku .count span { }


  #paticka .navigace { float: right; width: 600px; padding-top: 85px;}
  #paticka .navigace div { float: left; width: 149px; text-align: center; }



	#paticka .kontaktni-formular { background: #b1b2b4; position: relative; padding: 0px; margin: 0px; height: 220px;}
	
	#paticka .kontaktni-formular h3 { color: #fff; font-size: 26px; padding: 10px; padding-bottom: 0px; margin: 0px; font-weight: lighter; }

	#paticka .kontaktni-formular form p { width: 335px; padding-left: 10px; } 
	
	#paticka .kontaktni-formular form label { width: 335px; display: block; color: #FFF; font-weight: normal;} 
	
	#paticka .kontaktni-formular form label span { color: #F00;}
	
	#paticka .kontaktni-formular form input { width: 335px; display: block; color: #fff; background: #dadbdc; border: #333; font-weight: normal; box-shadow: 0 0 0 1px #6a6a6a inset; height: 23px; padding-left: 10px; } 

	#paticka .kontaktni-formular form input.odeslat { width: 105px; color: #fff; background: #87888a; border: #333; font-weight: normal; box-shadow: 0 0 0 1px #6a6a6a inset; height: 23px; padding-left: 10px; float: right; } 
	 
	#paticka .kontaktni-formular form p.kudaje { padding: 0px; margin: 0px; padding-left: 10px; } 
	
	#paticka .kontaktni-formular form p.zprava { width: 550px;  padding-left: 20px; position: absolute; top: 0px; left: 370px; } 
	
	#paticka .kontaktni-formular form p.zprava textarea { width: 530px; height: 75px; border: 0px; color: #FFF; padding-left: 10px; background: #dadbdc; display: block;  } 

	#paticka .kontaktni-formular form p.zprava { width: 550px;  padding-left: 20px; position: absolute; top: 0px; left: 370px; } 

	#paticka .kontaktni-formular form p.dodatek { width: 550px;  padding-left: 20px; position: absolute; top: 142px; left: 370px; color: #FFF; } 
	
	#paticka .absFooter { width: 960px; height: 40px; margin-left: 10px;  }

	#paticka .absFooter strong { font-weight: bold;  }

	#paticka .design {  text-align: right; width: 200px; float: right; margin-right: 20px; }
	#paticka .design a { text-decoration: none; }

/* FOOTER END */
	
	/* x START */

		

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
   a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}