@charset "utf-8";

/* CSS Document */

/*
Theme Name: Obec Staric
Description: Sablona pro oficialni stranky obce Staric
Version: 1
Author: Petr Kralik
*/

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	text-decoration:none;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html { margin:0; padding:0;}
body {
	line-height: 18px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*RESET*/

html {min-width:1000px;}
body {font-family: 'Open Sans', Tahoma, Geneva, sans-serif; min-width:1000px;background-repeat: repeat-x;}
body.leto {background-image:url(images/bg_leto_rx.png);}
body.zima {background-image:url(images/bg_zima_rx.png);}
body.jaro {background-image:url(images/bg_jaro_rx.png);}
body.podzim {background-image:url(images/bg_podzim_rx.png);}

p { line-height:1.5; font-size:16px;}
p a { text-decoration:underline;}
a {color:#008000;}
a:hover {color:#6e4200;}
h1, h2, h3, h4, h5 {line-height:1.25;}

#main {overflow:hidden; width:1000px; margin:0 auto; background: rgba(255,250,225,.7); position:relative; z-index:999;}

#header {width:1000px; margin:0 auto; margin-bottom:-60px; position:relative;}

#logo-top { width:295px; height:302px; background:url(images/staric_znak.png); position:absolute; z-index:101; top:100px; left:50px;}
body.sub #logo-top  {height:90px; left:90px;}
body.sub #logo-top:before { content:url(images/staric_znak2.png); left:-60px; position:absolute;}
#logo-top h1 {text-indent:-9999px;}
#logo-top a {text-indent:-9999px; float:left; width:100%; height:100%;}

#menuwrap {width:1000px; margin:0 auto;}

#menu {width:1000px; margin:0 auto; background-color:#ffcc00; height:50px; line-height:50px; position:relative; z-index:1001;}

body.leto #menu {background-color:#ffcc00;}
body.zima #menu {background-color: rgba(255,255,255,.85);}
body.jaro #menu {background-color: #E0FF97;}
body.podzim #menu {background-color: #ffb04a;}

#menu li {display:inline-block; float:left; margin:0 0 0 10px; padding:0 10px; position:relative;}
#menu li:first-child { margin:0;}
#menu li a {color:#008000; font-weight:bold; width:inherit; height:inherit; float:left;  font-size:15px;}
#menu li:hover {background:#FFF;}

#menu li ul.sub-menu {display:none;  position:absolute; top:100%; background:#FFF; left:0px; min-width:100%;}
#menu li:hover ul.sub-menu { display:block;}
#menu li ul.sub-menu li {padding:0; margin:0; white-space: nowrap; width:100%;}
#menu li ul.sub-menu li a {font-size:16px; line-height:1; padding:0; float:left; padding:8px; width:94%;}
#menu li ul.sub-menu li:hover{ background:#FF9;}
#menu li ul.sub-menu li a:hover {color:#6e4200;}
#menu li:hover  ul.sub-menu {display: block;}

#menu li ul.sub-menu li ul.sub-menu{ display:none;}
#menu li ul.sub-menu li:hover ul.sub-menu{ display: block;}


#slider {height:520px; position:relative; z-index:1;}
body.sub #slider {height:230px; overflow:hidden;}
#slider .slide {margin:0; padding:0; height:100%; width:inherit;}
#slider .slide.leto {background:url(images/bg_leto.jpg);}
.sub #slider .slide.leto {background-position:0 -285px;}
#slider .slide.podzim {background:url(images/bg_podzim.jpg);}
#slider .slide.zima {background:url(images/bg_zima.jpg);}
#slider .slide.jaro {background:url(images/bg_jaro.jpg);}

#lista {width:100%;  margin:0; padding:0; background-color:rgba(255,250,225,.7); height:60px; line-height:60px;  position:relative; top:-60px; z-index:99;}
#lista h2 {  line-height:60px;display:inline-block; float:left; font-size:24px; color:#008000; font-weight:normal; position: absolute; margin:0; padding:0;}
#lista h2.aktuality { left:10px;}
#lista h2.kontakt { right:200px;}

#rightbar ul li, #rightbar ul li a { color:#6e4200; line-height:2; }
#rightbar form#searchform {overflow:hidden; border-radius: 10px;}
#rightbar form input {font-size:16px; width:40%; border:none; font-family: 'Open Sans', Tahoma, Geneva, sans-serif; padding:0 10px; margin:0; display:inline-block; float:left; line-height:40px;
height:40px; vertical-align: middle; align-items:flex-start; box-sizing:border-box; text-align:start; white-space:pre;}
#rightbar form input.srch {width:60%;}
#rightbar form input#searchsubmit {background-image:url(images/ico_search.png); background-repeat:no-repeat; background-position:5px center; padding-left:40px;
background-color:#FFF; border-left:1px solid #CCC;}
#rightbar form input#searchsubmit:hover {cursor:pointer; background-color:#FC0;}

.post h2.post-title, .post h2.post-title a {color:#008000; font-size:25px; transition:all .2s ease;}
.post h2.post-title a:hover {color: #6e4200;}
.post h2.post-title {margin-bottom:15px;}
.post small.datum { display:block; font-size:12px; background-image:url(images/line.png); background-repeat: repeat-y; padding-left:10px; padding-top:6px;}

#leftside .post:nth-child(2n) { background:#fff2b3;}
#leftside .post {padding:20px;}

#leftside {width:660px; float:left;}
#rightbar {width:340px;float:left; position:relative; background:#fef8dc;}
#rightbar  .box {margin-bottom:20px; padding-left:20px;}
#rightbar h2,#rightbar h3 {font-weight:normal; color:#6e4200; line-height:1.50}
#rightbar h2 { font-size: 22px;}
#rightbar p { color:#6e4200; }

.ico-len {background-image:url(images/ico_len.png); background-repeat:no-repeat; background-color:#FFF; display:inline-block; float:left; width:44px; height:44px;
border-radius:50%; background-position:center; margin:8px;}

#footwrap { width:100%; display:block; height: auto; clear:both; background:url(images/footbg.jpg);}
#foot {display:block; width:1000px; margin:0 auto; padding:40px 0;}
#foot img.znak {position: relative; top: 28px;}
#foot .odkz { float:right; position:relative; top:48px;}
.c20 {height:20px; clear:both; display:block;}

.box {background-image:url(images/line.png); background-repeat:repeat-x; background-position:0 15px;}
.box {position:relative;  padding-right:20px;}
.box ul li {list-style: inside disc;}
.box h2 {margin-bottom:5px; background:#fef8dc; display:inline-block; padding:0 10px 0 20px; position:relative; left:-20px;}
.box.w { background:white; padding:10px; margin:10px; padding-left:91px !important; border-radius:8px;}
.box p span {float:right;}
.box.newpost {padding-right:0;}
.box.newpost > p {margin-bottom:5px; padding:8px 12px;}
.box.newpost p a {padding-left:10px;}
.box.newpost p:nth-child(2n){ background:#fff2b3;}
.box.adresa {background:none; margin-top:20px;}

div.ico-mapa {background:url(images/ico_mapa.png);  width:140px; height:87px; position:absolute; right:20px; top:0px; padding:0 !important;}
div.ico-tel {background:url(images/ico_tel.png); background-size:contain; width:50px; height:50px; position:absolute; left:10px; top:10px; padding:0 !important;}
div.ico-hod	 {background:url(images/ico_hod.png);  background-size:contain; width:50px; height:50px;; position:absolute; left:10px; top:12px; padding:0 !important;}

.pagination {padding:20px;}
.pagination .page-numbers {padding:5px; background:#FFF;}
.pagination .page-numbers.current { background:#FC0; color: #FFF;}

.post .content, .post .post-content { overflow:hidden; background-image:url(images/line.png); background-repeat: repeat-y; position:relative;
padding:6px 0 6px 10px;}
.sub .post .content, .sub .post .post-content { padding-left:20px;}
.sub .post small.datum { padding-left:20px;}
.post .content p {min-height:1em;}
.post .post-content p {min-height:1em;}

a.more-link { display: inline-block; margin:10px 0 0 0;
	padding:5px 10px 5px 40px; text-decoration:none;
	background-image:url(images/ico_len.png); background-repeat:no-repeat; background-size:30px; background-position:2px center; border-radius:7px; transition:all .3s ease;}
a.more-link:hover { background-color:#063; color:#FFF;}
.alignleft {float:left; margin: 5px 20px 2px 0;}
.alignright {float:right; margin: 5px 0 2px 20px;}
.wp-caption {
border: none;
text-align: center;
background-color: rgba(255,255,255,.8);
padding-top: 4px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption p{ font-size:12px; line-height:1.5;}

.ai1ec-calendar-toolbar { display:none;}
.ai1ec-subscribe-container {display:none;}

h2.ai1ec-calendar-title {left:0; color:#6e4200 !important;}
#rightbar .ai1ec-day-stretcher { height:50px !important;}

.ai1ec-pagination .btn {background: #fff2b3; border-color:#FC0;}
.ai1ec-pagination .btn:hover {background:#FF9;}
.ai1ec-allday-badge { display:none;}
.post .ai1ec-event-details {margin:0;}
.post .ai1ec-time {background:#FFF; padding:10px; border-radius:10px;}
.post .ai1ec-time .ai1ec-field-value {margin:0; display:inline;}
.post .ai1ec-time .ai1ec-label {margin:0; position:static; width:auto; display:inline; font-size:16px;}
.post .ai1ec-calendar-link  {display:none;}
.post .ai1ec-actions {display:none;}

.ai1ec-agenda-view .ai1ec-date { background:none; border:none;}
.box .ai1ec-title-buttons { display:none;}

.display-posts-listing .listing-item { margin-bottom:20px; padding:10px;}
.display-posts-listing .listing-item .ai1ec-excerpt {margin:0; background:none;}
.display-posts-listing .listing-item .ai1ec-time {background:none; font-size:18px; padding-left:0;}
.display-posts-listing .listing-item p {padding:0;}
.display-posts-listing .listing-item:nth-child(2n){ background:#fff2b3;}
.display-posts-listing .listing-item a.title {font-size:24px; margin-bottom:10px; display:block;}
.display-posts-listing .excerpt-dash {display:none;}

.lightbox-caption {display:none;}
.partner {height:0; overflow:hidden;}

.jlpz {height:50px; position:absolute; z-index:99; right:17px; top:113px; zoom:.5; display:none;}
.jlpz .ico {width:50px; height:50px; float:left; background-color:#FFF; border-radius:50%;  background-position:center; cursor:pointer;}
.jlpz .ico:hover {opacity:.7;}
.ico-j {background-image:url(images/ico_jaro.png);}
.ico-l{background-image:url(images/ico_leto.png); background-size:85%;}
.ico-p{background-image:url(images/ico_podzim.png); background-size:85%;}
.ico-z{background-image:url(images/ico_zima.png);}

#box-aktualne { overflow:hidden; padding:15px; background:url(images/bg_box.png) repeat-x top #FFF; width:400px; position:absolute;  top:65px; right:50px; border-radius:5px;}
#box-aktualne .post-content { height:80px; overflow:hidden; margin-bottom:20px; transition:all .3s ease;}
#box-aktualne:hover .post-content {height:190px;}
body.sub #box-aktualne  .post-content {display:none;}
body.sub #box-aktualne  {top:40px; height:auto;}
body.sub #box-aktualne .datum {display:none;}
body.sub #box-aktualne .post-title { margin-bottom:10px;} 
#box-aktualne a.vice {font-weight:bold; text-decoration:underline;}

.content ul, .post-content ul {margin:0 0 10px 0; padding:0 20px; padding-left:0; }
.content ul li, .post-content ul li {list-style:disc inside; display:list-item; line-height:1.8; color:#008000;}