/*
THEME NAME: Bioplynrozvyjivenkov
THEME URI: http://www.netbite.cz
DESCRIPTION:
VERSION: 1.0
AUTHOR: <a href="http://www.netbite.cz">Roman Gamanov</a>
AUTHOR URI: http://www.netbite.cz
*/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }


/*	body */

body{
	background: url('images/body.jpg') center -30px no-repeat;
}
html{
	background:url('images/footer.jpg') bottom center no-repeat;
}

#wrapper {
	width: 990px;
	padding-top:517px;
	margin: 0 auto;
}

#main {
	min-height:200px;
	width:733px;
	float:right;
	margin-top:3px;
}

a.play{
	width: 201px;
	height: 110px;
	display: block;
	background: url('images/play2.png') center center no-repeat;
	position: absolute;
	margin: -110px 0 0 0;
}
#dalsi-reportaze{
	clear: both;
	float:right;
	display:block;
	width:157px;
	height:42px;
	opacity:0.8;
	background: url('images/dalsi_reportaze.png') center center no-repeat;
	margin-top:20px;
}
#clanky-hp{
	margin-top:-10px;
}
#dalsi-clanky{
	display:block;
		float:right;
		clear:both;
	width:156px;
	height:43px;
	opacity:0.8;
	background: url('images/dalsi_clanky.png') center center no-repeat;
margin: -10px -16px 0 0;
}
#pro-novinare{
	display:block;
	width:192px;
	height:77px;
	opacity:0.8;
	background: url('images/pro_novinare.png') center center no-repeat;
	margin-left: 6px;
	margin-top:5px;
}
#prase{
	margin: 27px 0 0 37px;
width: 183px;
}
#dalsi-reportaze:hover,#dalsi-clanky:hover,#pro-novinare:hover{
	opacity:1;
}

.main {
	font-family:tahoma, arial;
}
.home .main h2{
	font-size:16px;
	color:#CA3D26;
	font-weight:bold;
	margin: 7px 0 23px 0;
}
.home .main h2.fab {
margin-top: 94px;
clear: both;
margin-bottom: 5px;
}

.home .main h3, article.videos h2{
	margin: 6px 0 0 0 !important;
	font-size:13px;
	color:black;
	font-weight:bold;
line-height: 19px;
}
.home .main h3 a, article.videos h2 a{
	text-decoration:none;
	color:black;
}
section{
	clear:both;
	width:446px;
	float: left;
}
section.wide{
	width: auto;

}
.main span.info{
	font-size:13px;
	font-weight:bold;
	color:#6B6A6A;
	font-family:tahoma, verdana, arial;
}
.main .post span.info{
	font-size:14px;
}


article.videos{float:left;
width:201px;
padding-right:50px;
}

#reportazni-videa article.videos{
	margin-top:17px;
	margin-bottom: 10px;
}

article.last{
	padding-right:0;
}
article.post {
	clear: both;
	margin-bottom: 30px;
	overflow: auto;
	padding: 0 0 1px 0px;
}
article.post img{
	float:left;
	width: 150px;
	height:150px;
}
article div.info{
background: #e5e5e5;
color: black !important;
height: 150px;
padding-right: 9px;
margin-top: 8px;
}
.home .post h3{
	margin-top:0;
	line-height: 17px;
	font-size: 14px;
}
article .description{
	height:110px;
	font-family: georgia, serif;
	overflow: hidden;
	padding: 9px 0 0 11px;
	line-height: 21px;
	font-weight: normal;
	font-size: 15px;
}

.article-thumbnail {
	float: left;
margin: 10px 10px 0 0;
}

article small, .content small {
font-family: tahoma, arial;
color: #5C5C5C;
}
a.more{
	color: #493325;
	color: #585858;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	text-align: right;
	display: block;
	margin-top: 7px;
}

a.more:hover{
	color:black;
}
.content {
font-family: georgia,serif;
line-height: 1.6em;
font-size: 16px;
}
.content h1, .content h2, .content h3 ,.content h4{
 color:#CA3D26;
 font-family:tahoma, arial;

}
.content h1, .content h2{
	font-weight:bold;
}
.content h1{
	font-size:21px;
	margin-top:16px;
	margin-bottom:5px;
}
.content h2{
	font-size:18px;
		margin-top:17px;
}
.content h3{
	font-size:16px;
		margin-top:20px;
}
.content p, .content ul, .content ol{
	margin-top:12px;
}
.content article p{
	margin-top:0px;
}

.content ul{
	list-style-type: disc;
	list-style-position: outside;
	margin-left:20px;
}
.content ol{
	list-style-type: decimal;
	list-style-position: outside;
	margin-left:20px;
}
.content .info{
	margin-bottom: -6px
}
.content .zdroj{
	margin-top: 20px
}
.content em{
	font-style:italic;
}
#breadcrumbs{
	font-size: 12px;
}
#breadcrumbs a {
	color:silver;
}
#breadcrumbs a span {
	color:black;
}

#breadcrumbs a:hover {
	text-decoration:none;
}
a.home {
	background: url('images/home.png') left center no-repeat;
padding: 3px 0 3px 24px;
}
.content a{
	 color:#CA3D26;
	 text-decoration: underline;
}
.content a:hover{
	 text-decoration: none;
}


#historie-bioplynek .content iframe{
width: 312px;
float: right;
height: 233px;
margin: 0 9px;

}











/* Header */

header {
position: absolute;
top: -30px;
width: 990px;
height: 519px;
background: url('images/header.jpg') top center no-repeat;
overflow: hidden;
}

header #searchform, .fb, .twt, .rss, header nav,.gplus{
	position: absolute;
}

.fb, .twt, .rss,.gplus {
	width:32px;
	height:32px;
}
header .fb{
background: url('images/header-fb.png') top left no-repeat;
margin: 42px 0 0 854px; /*26 > 42*/
}

header .gplus{
background: url('images/header-g.png') top left no-repeat;
margin: 42px 0 0 890px;
}

header .twt{
background: url('images/header-twtr.png') top left no-repeat;
margin: 42px 0 0 926px;
}

header .rss{
background: url('images/header-rss.png') top left no-repeat;
margin: 42px 0 0 961px;
}

#searchform{
margin: 45px 0 0 632px; /* 29 > */
width: 201px;
height:26px;
overflow: hidden;
background:url('images/hledat.png') top left no-repeat;
padding: 2px  4px;
}
#searchform input{
	border:none;
	position: absolute;
	color: #a0a0a0;
	line-height:22px;
	height:20px;
	font-weight:normal;
}
#searchsubmit{
	width:20px;
	height:20px;
	background-color: transparent;
	margin: 0 0 0 175px;
	text-indent:50px;
}
header nav{
	margin-top:440px;
}
.m1, .m2, .m3, .m4, .m5, .m6, .m5_2, .m6_2{
	position:absolute;
	height:79px;
	display: block;
	text-align:center;
	line-height:79px;
}
header nav a{
	text-decoration:none;
	font-family:tahoma, Verdana, sans-serif;
	font-size:19px;
	color:white;
}
header nav .selected a, header nav a:hover{
	color:#F74325;
}
.m1{
	width:213px;
	margin-left:-6px;
}
.selected .m1{
	background:url('images/m1.jpg') top left no-repeat;
}
.m2{
	width:198px;
	margin-left:207px;
}
.selected .m2{
	background:url('images/m2.jpg') top left no-repeat;
}
.m3{
	width:159px;
	margin-left:405px;
}
.selected .m3{
	background:url('images/m3.jpg') top left no-repeat;
}
.m4{
	width:115px;
	margin-left:564px;
}
.selected .m4{
	background:url('images/m4.jpg') top left no-repeat;
}
.m5{
	width:171px;
	margin-left:679px;
}
.selected .m5{
	background:url('images/m5.jpg') top left no-repeat;
}

.m5_2{
	width:171px;
margin-left: 564px;
}
.selected .m5_2{
	background:url('images/m5_2.png') top left no-repeat;
}

.m6{
	width:144px;
	margin-left:850px;
}
.selected .m6{
	background:url('images/m6.jpg') top left no-repeat;
}

.m6_2{
	width:144px;
margin-left: 735px;
}
.selected .m6_2{
	background:url('images/m6_2.png') top left no-repeat;
}















/*	Sidebar	*/

aside#sidebar{
	float:left;
	min-height:200px;
	width:26px;
	margin-top:3px;
}

#sidebar img{
 margin-bottom:21px;
}

#klastr-bioplyn-sidebar{
margin: 21px 0 32px 0 !important;
}
#klastr-bioplyn-aside{
	margin: 25px 0 0 44px;
}
#evropska-unie-fond{
	margin: 21px 0 0 44px;
}
aside#right-sidebar{
	float:right;
	width:257px;
	padding-top: 36px;
}
@media (max-width:1040px){aside#right-sidebar{width:273px;}}
/*	Footer	*/

#facebook{
	width:209px;
	height:276px;
	background:url('images/spojte-se-s-nami-na-facebooku.png') center center no-repeat;
	margin-top:26px;
}



















footer {
	height: 490px;
	clear:both;
}
footer p{
	position:absolute;
	color:white;
	font-family:tahoma, verdana;
	padding-left: 25px;
}
footer p a{
	color:white;
	text-decoration:none;
}
footer p a:hover, footer p a.selected{
	text-decoration:underline;
}
footer .nav{
font-size:15px;
 margin:326px 0 0 0;
}
footer .copy{
font-size: 13px;
margin: 356px 0 0 0;
color: #D6EBD9;
}
footer .fb{
margin: 320px 0 0 844px;
background: url('images/footer-fb.png') top left no-repeat;

}
footer .gplus{

margin: 320px 0 0 880px;
background: url('images/footer-g.png') top left no-repeat;

}

footer .twt{
background: url('images/footer-twtr.png') top left no-repeat;
margin: 320px 0 0 916px;
}

footer .rss{
background: url('images/footer-rss.png') top left no-repeat;
margin: 320px 0 0 951px;
}

#sponzori{
	width:207px;
	height:154px;
	background: url('images/sponzori.png') top left no-repeat;
	margin-left: 21px;
	margin-top: 25px;
}


#sponzori .viewport { width: 190px;
height: 59px;
overflow: hidden;
position: absolute;
margin: 64px 0 0 8px;}
#sponzori .buttons { width: 188px;
height: 21px;
display: block;
position: absolute;
cursor: pointer;
 }
#sponzori .prev { margin: 45px 0 0 9px;  }
#sponzori .next { margin: 121px 0 0 10px;  }

#sponzori .overview { list-style: none; padding: 0; margin: 0;  position: absolute; left: 0; top: 0; }
#sponzori .overview li{ margin: 0 20px 0 0;
padding: 1px;
height: 59px;
width: 190px;
display: block;
text-align: center;}


#sponzori .active { color: #fff; background-color:  #555555; }

#fb-hp{
width: 467px;
height: 253px;
background: url('images/fb_hp.png') top left no-repeat;
padding: 43px 0 0 6px;
overflow: hidden;
position: relative;
top: 28px;
left: -17px;
}

#fb-hp .container{
width: 451px;
height: 202px;
overflow: hidden;
}
/*	Special	*/


/*									*/
/*				Special				*/
/*									*/
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 18px 18px 15px 0;
}

.alignright {
   float: right;
   margin: 18px 0 15px 18px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
#h1 {
	position:absolute;
}
#h1 a{
position: absolute;
margin: -450px 0 0 0;
width: 990px;
height: 340px;
display: block;
z-index: 10;
}
#h1 span {display:none;}
.navigation{
margin: 20px 0;
clear: both;
border-top: #EEE 1px solid;
padding-top: 8px;
}
.nav-previous{float:left;}
.nav-next{float:right;}
.gallery {
            margin: auto;
         }
         .gallery .gallery-item {
            float: left;
            margin-top: 10px;
            text-align: center;
            width: 33%;       }
         .gallery img {
            border: 2px solid #cfcfcf;
         }
         .gallery .gallery-caption {
            margin-left: 0;
         }

/* color box */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}