/*
 *
 * Project:  Handicapovaní rybáři Kladruby
 * Author:   phdesign.cz
 * Created:  1/3/2015
 *
*/


/* ----------> reset CSS */

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; /*font: inherit;*/ vertical-align: baseline; background: transparent
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } /* HTML5 display-role reset for older browsers */
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
table { border-collapse: collapse; border-spacing: 0 }
:focus { outline: none }

.clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0 }
.clearfix:after { clear:both }



/* ----------> base CSS */

body { font: 100%/1.4 "Arial CE", arial, "Helvetica CE", helvetica, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
body { color: #000; text-align: center; background: #d3cdc4 url(../img/bg_body.jpg) no-repeat 50% 0 }
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: 400; line-height: normal; text-align: center; font-family: "Noto Serif", "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
h1 { font-size: 340%; font-weight: 700; clear: both; margin: 0 0 0.9em 0; line-height: 1.1; letter-spacing: -2px }
h2 { font-size: 280%; margin: 0 0 0.7em 0; line-height: 1.1; letter-spacing: -1px }
h3 { font-size: 180%; margin: 0 0 1em 0; line-height: 1.1 }
h4 { font-size: 100%; margin: 0 0 0.5em 0 }
input, select, textarea { font: 100% "Arial CE", arial, "Helvetica CE", helvetica, sans-serif }
a { color: #129349; outline: none; -o-transition: .4s; -webkit-transition: .4s; transition: .4s }
a:link { color: #129349 }
a:hover { color: #0096d7; text-decoration: none }
p { margin: 1em 0 2.7em 0; line-height: 1.6 }
ul, ol { margin: 1em auto 2.7em auto }
small { font-size: 80% }
/* Google webfont */
em, i { font-style: italic }
strong, b { font-weight: bold }
sup { vertical-align: super }
sub { vertical-align: sub }



/* ----------> default CLASS */

.tal { text-align: left }
.tac { text-align: center }
.tar { text-align: right }
.vat { vertical-align: top }
.vam { vertical-align: middle }
.fl { float: left }
.fr { float: right }
.fli { float: left; margin: 0 1.3em 1em 0 }
.fri { float: right; margin: 0 0 1em 1.3em }
.hidden { display: none }
.small { font-size: 80% }



/* ----------> project LAYOUT */

#main { width: 1200px; margin: 0 auto; position: relative; text-align: left }
#header { width: 100%; height: 80px; position: fixed; left: 0; top: 0; background: transparent url(../img/bg_header.png) no-repeat 50% 0; z-index: 9 }
#content { width: 870px; padding: 420px 165px 100px 165px }
#footer { padding: 70px 50px }

body.home { background: #d3cdc4 url(../img/bg_body_home.jpg) no-repeat 50% 0 }
body.home #content { width: 1100px; padding: 600px 50px 100px 50px }
#header .in { width: 1200px; margin: 0 auto; position: relative }



/* ----------> project CSS */

/* header */

#logo, #logo span { display: block; margin: 0; position: relative; left: 5px; top: 40px; width: 146px; height: 146px; overflow: hidden; text-indent: -999em }
#logo span { position: absolute; left: 0; top: 0; background: transparent url(../img/logo.png) no-repeat 0 0 }

#header nav { position: absolute; left: 160px; top: 0 }
#menu { margin: 0; width: 1060px }
#menu li { float: left; margin: 0; padding: 0; background: transparent url(../img/menu_li.png) no-repeat right 50% }
#menu li:last-child { background: none }
#menu a { color: #fff; font-size: 80%; font-weight: bold; display: block; height: 80px; line-height: 80px; text-align: center; text-decoration: none; text-transform: uppercase; text-shadow: 1px 1px rgba(0,0,0,0.25); transition: none }
#menu a:hover, #menu .current-menu-item a, #menu .current-page-ancestor a { color: #fff59e }



/* footer */

#footer .sponzori { min-height: 200px; background: transparent url(../img/bg_shadow.png) no-repeat 50% 38px }
#footer .sponzori h4 { color: #6f6e6b; font-size: 220%; letter-spacing: -1px; margin: 0 0 1em 0; text-transform: uppercase }
#footer .sponzori p { margin: 0 }
#footer .sponzori br { display: none }
#footer .sponzori img { margin: 0 1em; vertical-align: middle }

#footer .copyright { margin: 2em 0 2em 30px; padding: 0 30px 0 0; height: 40px; line-height: 40px; color: #fff; background-color: #000 }
.copyright span { display: inline-block; padding: 0 60px 0 30px; position: relative; left: -30px; background: #0096d7 url(../img/bg_copyright.png) no-repeat right top; border-radius: 6px 0 0 6px }
.copyright a { color: #fff; font-weight: bold; text-decoration: none }
.copyright a:hover { color: #fff59e }

#footer .social { display: inline-block; width: 26px; height: 26px; margin: 0 3px; overflow: hidden; text-indent: -999em; text-decoration: none }
#footer .social.a-facebook { background: transparent url(../img/ico_facebook.png) no-repeat 0 0 }
#footer .social.a-youtube { background: transparent url(../img/ico_youtube.png) no-repeat 0 0 }
#footer .social:hover { background-color: #fff59e }

.btn-podporte { display: block; width: 57px; height: 141px; text-decoration: none; text-indent: -999em; position: fixed; right: 0; top: 240px; background: transparent url(../img/btn_podportenas.png) no-repeat 0 0 }



/* sidebar */

.submenu { margin: 0 0 2em 0; padding: 1em; position: relative; top: -1em; background-color: rgba(0,150,215,0.4) }
#content .submenu ul { margin: 0 }
#content .submenu li { color: #fff; display: inline-block; padding: 0; line-height: 1; background: none }
.submenu a { color: #fff59e; text-decoration: none }
.submenu a:hover { color: #fff }
.submenu .current_page_item a, .submenu .current-cat a { color: #fff; font-weight: bold }
.submenu li:after { content: "/"; padding: 0 0 0 10px; margin: 0 10px 0 0 }
.submenu li:last-child:after { opacity: 0; margin: 0 }



/* homepage */

.h-category .c { width: 29.333%; min-height: 420px; margin: 0 2%; padding-bottom: 70px; position: relative }
.h-category .c h2 { color: #fff; font-size: 210%; margin: 0; padding: 35px 10px; text-align: center; text-transform: uppercase }
.h-category .c h3 { font-size: 100%; letter-spacing: normal; margin: 0; padding-top: 0.2em; text-align: left }
.h-category .c h3 a { color: #fff69e; text-decoration: none }
.h-category .c h3 a:hover { color: #fff; text-decoration: underline }
.h-category .c article { color: #fff; min-height: 70px; padding: 0 0 15px 85px; margin: 0 15px 15px 15px; position: relative; border-bottom: 1px dashed rgba(255,255,255,0.3) }
.h-category .c article figure { width: 70px; height: 70px; position: absolute; left: 0; top: 0; background: #fff url(../img/ico_photo.png) no-repeat 50% 50% }
.h-category .c article .summary { line-height: normal; margin-top: 0.2em }
.h-category .c .more { display: block; width: 60px; height: 60px; border: 10px solid #d3cdc4; text-decoration: none; text-indent: -999em; position: absolute; left: 50%; bottom: -30px; margin-left: -40px; background: transparent url(../img/arr.png) no-repeat 55% 50% }

.h-category .c1 { background-color: rgba(25,191,99,0.8) }
.h-category .c1 .more { background-color: #19bf63 }
.h-category .c1 .more:hover { background-color: #13a554 }

.h-category .c2 { background-color: rgba(186,94,20,0.8) }
.h-category .c2 .more { background-color: #be7336 }
.h-category .c2 .more:hover { background-color: #a15c24 }
.h-category .c2 .meta { display: block; width: 70px; height: 70px; font-weight: bold; line-height: 1; position: absolute; left: 0; top: 0; background-color: rgba(211,174,91,0.5) }
.h-category .c2 .meta time { position: relative; top: 17px }

.h-category .c3 { background-color: rgba(132,150,223,0.8) }
.h-category .c3 .more { background-color: #8496df }
.h-category .c3 .more:hover { background-color: #6072bd }




/* category/single/archive/CPT */

section.category article { color: #fff; width: 48%; min-height: 70px; margin: 0 1% 10px 1%; padding: 15px 0; position: relative; -o-transition: .9s; -webkit-transition: .9s; transition: .9s }
section.category article h3 { font-size: 100%; letter-spacing: normal; margin: 0 10px 0 100px; padding-top: 0.2em; text-align: left }
section.category article h3 a { color: #fff69e; text-decoration: none }
section.category article h3 a:hover { color: #fff; text-decoration: underline }
section.category article figure { width: 70px; height: 70px; position: absolute; left: 15px; top: 15px; background: #fff url(../img/ico_photo.png) no-repeat 50% 50% }
section.category article .summary { line-height: normal; margin: 0.2em 10px 0 100px }
section.category hr { width: 100%; height: 0; clear: both; border: 0 }

section.category .c1 { background-color: rgba(25,191,99,0.8) }
section.category .c1:hover { background-color: #13a554 }
section.category .c1 .meta { display: block; margin: 0.2em 10px 0 100px }

section.category .c2 { background-color: rgba(186,94,20,0.8) }
section.category .c2:hover { background-color: #a15c24 }
section.category .c2 .meta { display: block; width: 70px; height: 70px; font-weight: bold; line-height: 1; position: absolute; left: 15px; top: 15px; background-color: rgba(211,174,91,0.5) }
section.category .c2 .meta time { position: relative; top: 17px }

section.category .c3 { background-color: rgba(132,150,223,0.8) }
section.category .c3:hover { background-color: #6072bd }
section.category .c3 .meta { display: block; margin: 0.2em 10px 0 100px }

section.category .c4 { background-color: rgba(57,129,210,0.8) }
section.category .c4:hover { background-color: #2569b4 }

p.meta { position: relative; top: -1.4em }



/* nativni WP galerie */

#content .gallery { width: 847px; margin: 0; padding: 19px 0 23px 23px; overflow: hidden; background-color: rgba(25,191,99,0.8) }
#content .gallery img { -o-transition: .4s; -webkit-transition: .4s; transition: .4s }
#content .gallery-item { float: left; width: auto !important; margin: 4px 4px 0 0 !important; line-height: normal; font-size: 0 }
#content .gallery a { display: block; background-color: #000 }
#content .gallery a:hover img { opacity: 0.7 }
#content .gallery-caption { display: none; font-size: 80%; color: #fff; line-height: normal }
#content .gallery br { display: none }



/* wp_pagenavi */

.wp-pagenavi { margin: 4em 0 0 0; font-size: 100%; text-align: center }
.wp-pagenavi a, .wp-pagenavi span.pages { display: inline-block; width: 30px; height: 30px; line-height: 30px; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% }
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink { width: 30px; height: 30px !important; text-indent: -999em; border: 0 !important; margin-left: 40px !important; padding: 0 !important; background: #bdbdbd url(../img/ico_arr_next.png) no-repeat 50% 50% !important }
.wp-pagenavi .previouspostslink { margin-right: 40px !important; background: #bdbdbd url(../img/ico_arr_prev.png) no-repeat 50% 50% !important }
.wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover { background-color: #eee !important }
.wp-pagenavi a, .wp-pagenavi a:link { text-decoration: none; color: #000 !important; background-color: transparent; outline: none }
.wp-pagenavi a:visited { padding: 1px 7px 3px 7px; margin: 2px; text-decoration: none; color: #000 !important; background-color: transparent }
.wp-pagenavi a:hover { color: #000 !important; background-color: #eee }
.wp-pagenavi a:active { padding: 1px 7px 3px 7px; margin: 2px; text-decoration: none; color: #fff !important; background: #848484 }
.wp-pagenavi span.pages { display: none; padding: 1px 7px 3px 7px; margin: 2px 2px 2px 2px; color: #000 !important; background-color: #e3cba6 }
.wp-pagenavi span.current { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 2px; border: 0; color: #fff !important; background-color: #848484; text-align: center; -webkit-border-radius: 50%; -o-border-radius: 50%; border-radius: 50% }
.wp-pagenavi span.extend { display: none; padding: 1px 7px 3px 7px; margin: 2px; color: #000 !important; background-color: #e3cba6 }



/* breadcrumb_navxt */

#wp-nav { margin: 0; width: 100%; font-size: 80%; position: absolute; left: 0; top: 270px }
#wp-nav p { color: #fff; margin: 0; text-align: center }
#wp-nav a { color: #fff59e; text-decoration: none }
#wp-nav a:after { content: "/"; padding: 0 0 0 10px; margin: 0 10px 0 0 }



/* fulltext */


/* other */

.h1 { color: #fff; font-size: 460%; font-weight: 700; font-style: italic; position: absolute; left: 0; top: 170px; width: 80%; margin: 0 10%; text-align: center }
.h1 small { font-size: 50%; font-weight: 400 }

img.alignright, img.fri, img[align="right"] { float: right; margin: 1.2em 0 1em 2em }
img.alignleft, img.fli, img[align="left"] { float: left; margin: 1.2em 2em 1em 0 }

.border-6, #content .gallery { -o-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px }
.border-50 { -o-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% }

.no-article { padding: 1em 2.2em 1em 5em; border: 1px solid #ffe89a; color: #000; background: #fff8d1 url(../img/ico-warning.png) no-repeat 20px 58% }

#content ul li { padding: 0.65em 0 0 15px; line-height: 1; background: transparent url(../img/ico_arr_next.png) no-repeat 0 13px }
#content ol { list-style: decimal; margin-left: 1.5em }
#content ol li { margin: 0.3em 0 0 0; line-height: 1 }

#content table { margin: 1em auto 3.7em auto }
#content th { border: 1px solid #9d9c9c; padding: 0.6em 15px; vertical-align: middle; text-align: left; background-color: #aaa9a9 }
#content td { font-size: 90%; border: 1px solid #9d9c9c; padding: 6px 15px; vertical-align: top }
#content td p { margin: 0 }