/*
Theme Name: dejepiscom
Version: 2.0.3
Description: second dejepiscom theme
Author: Vaclav Nemec
*/
*{
  margin: 0px;
  padding: 0px;
}
body{
	text-align:center;
	background-color:#cedce7;
	color:#2d3e48;
	font:14px/21px Arial,sans-serif;
}
.wrapper{
	border:0;
	padding:0;
	margin:0;
}
.wrapper-in{
  text-align:left;
  margin:0px auto;
  width:85%;  
	max-width:1400px;
  position:relative;
	
}

/* HEADER */
.wrapper-header{
/*	background-color:#2d3e48; */
	color:#cedce7;
	background-image:url("layout/back_header.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	background-color:#3e5766;
}
#header{
  min-height:147px;
	max-height:440px;
  position:relative;
}
#logo{
  margin-bottom:50px;
  width:200px;
  height:56px;
  float:left;
  position:relative;
  line-height:50px;
}
#logo span{
  position:absolute;
  left:0;
  top:25px;
  width:190px;
  height:50px;
  background-image:url("layout/logo.png");
}
#logo a{
	color:#2d3e48;
}
#search{
  margin-left:10px;
  margin-top:35px;
  width:250px;
  float:right;
	border:1px solid #6f899a;
	background-color:#384e5c;
	height:31px;
	position:relative;
}
#search:active, #search:focus{
	border:1px solid #ffa200;
}
#search input{
  background:none;
	border:none;
	color:#cedce7;
	height:30px;
}
#search input#s{
	width:160px;
	padding-left:15px;
}
#search #s_ok{
	border:none;
	cursor:pointer;
	width:20px;
	height:20px;
	right:12px;
	top:6px;
	position:absolute;
	background-color:#384e5c;
	background-image: url("layout/search.jpg");
    background-position: center center;
    background-repeat: no-repeat;	
}
#search #s_ok span{
	position:absolute;
	left:-8000px;
}
#hmenu{
  clear:both;
}
#hmenu a{
  color:#fff;
  text-decoration:none;
  transition-duration:0.2s;
}
#hmenu a:hover{
  color:#ffa200;
}
#hmenu .title{
  display:none;
}
#hmenu #hmenu_title{
	background-image: url("layout/menu.jpg");
	background-position:center;
	background-repeat:no-repeat;
}
#hmenu #hmenu_title span{
	visibility:hidden;
}
#hmenu ul{
  list-style:none;
}
#hmenu ul li{
  text-align:center;
  float:left;
  max-width:150px;
  position:relative;
  white-space:nowrap;
}
#hmenu ul li.active{
	background-color:#3e5766;
	border-top:1px solid #7892a1;
}
#hmenu ul li a{
	padding:4px 20px 4px 20px;
	color:#fff;
	line-height:40px;
	text-decoration:none;
	overflow:hidden;
  transition-duration:0.2s;
}
#hmenu ul li a:hover{
	color:#ffa200;	
}
#hmenu ul ul{
	position:absolute;
	top:38px;
	left:0px;
	border-bottom:1px solid #7892a1;
	width:250px;
	background-color:#3e5766;
	z-index:100;
	display:none;
}
#hmenu ul ul li{
	float:none;
	max-width:250px;
	text-align:left;
}
#hmenu ul ul li.active{
	border:none;
	background-color:rgba(120,146,161,0.4	);
}

.content_header{
	margin:25px 0;
}
.content_header .infobox, .content .infobox{
	clear:right;
	float:right;
	min-width:250px;
	width:30%;
	background-color:rgba(206,220,231,0.2);
	padding:25px 20px;
	margin-left:20px;
	/*margin-bottom:20px;*/
	min-height:115px;
}
.content_header .top, .content .top{	
	margin-top:-25px;
}
.content_header .aktualne li, .content .aktualne li{
	list-style:none;
}
.content_header .datum{
	color:#fff;
	font-weight:bolder;
	line-height:90%;
}
.content_header .polozka{
	font-size:90%;
}
.content_header h1{
	padding-top:12px;
}
.content_header h1, .content_header h2, .content_header h3{
	margin-bottom:12px;
	font-family: 'Alegreya', serif;
}
.content_header p, .content_header li{
	margin-bottom:12px;
}
.content_header a{
	color:#fff;
  transition-duration:0.2s;
}
.content_header a:hover{
	color:#ffa200;
}
@media screen and (min-width: 1200px) {
  .post-single{
	column-count:2;
	column-gap:50px;
	-moz-column-count:2;
	-moz-column-gap:50px;
	-webkit-column-count:2;
	-webkit-column-gap:50px;
  }
}
@media screen and (min-width: 1600px) {
  .post-single{
	column-count:3;
	column-gap:60px;
	-moz-column-count:3;
	-moz-column-gap:60px;
	-webkit-column-count:3;
	-webkit-column-gap:60px;
  }
}

.kap_cteni{
	color: #444444;
    text-align: left;
    position: absolute;
    top: 30px;
    left: 210px;
    font-family: 'Alegreya', serif;
}

#datafetch{
	border:1px solid #6f899a;
	background:#3e5766;	
}
#datafetch h2{
	margin:0px 6px;
}
#datafetch a{
	color:#cedce7;
	font-size:11px;
	text-decoration:none;
  transition-duration:0.2s;
}
#datafetch a:hover{
	color:#fff;
	text-decoration:underline;
}

/* MAIN */
#main{
	padding-top:10px;
}
#main .infobox{
	background-color:rgba(120,146,161,0.2);
	margin-top:-25px;
}
#main .infobox ul{
	list-style:none;
}
@media screen and (max-width: 400px) {
	#main .infobox{
	  float:none;
	  width:85%;
	}
}
#main .content{
	clear:both;
}
#main .box{
	float:left;
	width:20%;
	margin-right:4%;
	background-color:#dce6ee;
	background-image:url("layout/box_normal.jpg");
	background-position:right bottom;
	background-repeat:repeat-x;
  transition-duration:0.2s;
}
#main .box-in{
	margin-top:20px;
	padding:150px 20px 40px 20px;
}
#main .box h2{
	text-align:center;
	font-weight:normal;
	font-family: 'Alegreya', serif;
	text-transform:uppercase;
	font-size:120%;
	padding-bottom:12px;
	margin-bottom:12px;
	background-image:url("layout/box_h2.gif");
	background-position:center bottom;
	background-repeat:no-repeat;
}
.box-dnes{
	background-image:url("layout/icon_dnes.jpg");
	background-position:center top;
	background-repeat:no-repeat;	
}
.box-citat{
	background-image:url("layout/icon_citat.jpg");
	background-position:center top;
	background-repeat:no-repeat;	
}
.quotes{
	font-size:190%;
	font-weight:bolder;
	line-height:100%;
}
.box-anketa{
	background-image:url("layout/icon_anketa.jpg");
	background-position:center top;
	background-repeat:no-repeat;	
}
.box-viteze{
	background-image:url("layout/icon_viteze.jpg");
	background-position:center top;
	background-repeat:no-repeat;	
}
#main .box:hover{
	background-color:#fff;
	background-image:url("layout/box_white.jpg");
}
#main .box:hover .box-dnes{
	background-image:url("layout/icon_dnes_hover.jpg");
}
#main .box:hover .box-citat{
	background-image:url("layout/icon_citat_hover.jpg");
}
#main .box:hover .box-anketa{
	background-image:url("layout/icon_anketa_hover.jpg");
}
#main .box:hover .box-viteze{
	background-image:url("layout/icon_viteze_hover.jpg");
}
#main .box a{
	color:#2d3e48;
	font-weight:bolder;
	font-style:italic;
}
#main .lbox{
	width:18%;
	margin-right:7%;
	margin-bottom:20px;
	float:left;
	background-repeat:no-repeat;
	background-position:0 28px;
}
#main .lbox h2{
	background-image:url("layout/clanky_arrow.jpg");
	background-position:right center;
	background-repeat:no-repeat;
	font-family: 'Alegreya', serif;
	font-size:125%;
	margin-bottom:5px;
}
#main .lbox h2 a{
	color:#2d3e48;
	text-decoration:none;
	width:100%;
	display:block;
  transition-duration:0.2s;
}
#main .lbox h2 a:hover{
	color:#ffa200;
}
#main .lbox h2 a span{
	background-color:#cedce7;
	padding-right:20px;
}
#main .lbox p{
	padding-left:60px;
	font-size:95%;
	line-height:125%;
}
#main .lbox a{
	text-decoration: none;
}
#main .ucebnice{
	background-image:url("layout/icon_000.jpg");
}
#main .eseje{
	background-image:url("layout/icon_eseje.jpg");
}
#main .rejstrik{
	background-image:url("layout/icon_100.jpg");
}
#main .dokumenty{
	background-image:url("layout/icon_200.jpg");
}
#main .testy{
	background-image:url("layout/icon_300.jpg");
}
#main .casprim{
	background-image:url("layout/icon_400.jpg");
}
#main .forum{
	background-image:url("layout/icon_500.jpg");
}
#main .nastaveni{
	background-image:url("layout/icon_600.jpg");
}
#breadcrumbs{
	margin-top:10px;
	margin-bottom:20px;
	font-size:80%;
}
#breadcrumbs a{
	color:#fff;
  transition-duration:0.2s;
}
#breadcrumbs a:hover{
	color:#ffa200;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
	font-family:'Alegreya', serif;
	margin-bottom:6px;
}
.content h1{
	margin-bottom:12px;
}
.content a{
	color:#000;
  transition-duration:0.2s;
}
.content a:hover{
	color:#ffa200;
}
.content p, .content ul, .content ol, .content table{
	margin-bottom:20px;
}
.content .kapitola{
	border-left:4px solid white;
	padding-left:12px;
	margin-bottom:12px;
}
.content .kapitola:hover{
	border-left:4px solid #ffa200;
}
.content-dark strong, .content_header strong{
	color:#fff;
}
.wp-caption-text{
  font-size:85%;
}
.ftn{
  font-size:80%;
  vertical-align:super;
}
.post img{
  border:1px solid #fff;
	padding:1px;
	height:auto;
	max-width:100%;
}
.content table{
  border:3px solid #dce6ee;
  margin-bottom:12px;
  padding:1px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.content th, .content td{
  border:1px solid #cedce7;
  background-color:#fff;
  padding:3px 6px;
  margin:3px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.content #disk_vlozeni td{
  background-color:#cedce7;
}
.content-page-casova-primka th, .content-page-casova-primka td{
  border:0;
  padding:0;
}
.content tr:hover td{
  background-color:#dce6ee;
  -webkit-transition: all 400ms linear;
}
.content th{
  background-color:#dce6ee;
}
.content .bez_okraje table{
  border:0;
}
.content .bez_okraje td, #content .slaby_okraj td{
  border:0;
}
.content .sup{
	vertical-align: super;
	font-size:85%;
}
.content .sipka_button{
  background:url("layout/sipkarb.gif");
  width:10px;
  height:11px;
  text-indent:-50px;
  overflow:hidden;
  cursor:pointer;
  _cursor:hand;
}
.content .reac{
  display:inline;
}
.content .post-thumbnail img{
  width:120px;
  height:auto;
}
.ramecek{
  border:1px solid #dce6ee; 
  padding:6px 9px;
  margin-bottom:12px;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
.content ol{
	list-style-type:decimal;
}
.content ol ol{
	list-style-type:lower-roman;
}
.content ul li, .content ol li{
	margin-left:25px;
}
.content ul ul, .content ol ol{
	margin-bottom:10px;
}
.content ul li li, .content ol li li{
	font-size:95%;
}
.content ul.wp-polls-ul, .content ul.wp-polls-ul li{
	margin-left:0;
}
.content .post-info{
  font-size:80%;
  margin-bottom:12px;
}
.reac{
  cursor:pointer;
  _cursor:hand;
}
.kap_a{
	background-color:rgba(255,255,255,0.1);
	width:31%;
	max-width:480px;
	min-width:362px;
	height:120px;
	display:block;
	float:left;
	position:relative;
	margin-right:20px;
	margin-bottom:20px;
	overflow:hidden;
    transition-duration:0.2s;
}
.kap_a:hover{
	position:-10px;
	box-shadow:0px 0px 15px 5px #eee;
    background-color: #fff;
    transform:scale(1.05);
    transition-duration:0.4s;
}
.kap_a img{
	width:200px;
	height:auto;
}
.kap_title{
	font-size:125%;
	position:absolute;
	top:50px;
	left:210px;
	width:40%;
	height:60px;
	font-family: 'Alegreya', serif;
	overflow:hidden;
}
.kap_title a{
}

@media screen and (max-width: 900px) {
	.kap_a{
		width: 200px;
		min-width: 200px;
	}
	.kap_title{
		left: 10px;
	}
	.kap_title a{
		background:rgba(255,255,255,0.6);
	}
}

.content .detail{
  border-bottom:1px dotted #a0a0a0;
  position:relative;
}
.content .detail-info{
  position:absolute;
  left:8px;
  top:16px;
  width:220px;
  padding:6px;
  background:#e3ebfe;
  border:1px solid #a0a0a0;
  z-index:100;
  display:none;
  border-radius:6px;
  -webkit-border-radius:6px;
  -webkit-box-shadow: 2px 2px 6px #e0e0e0;
  -moz-border-radius:6px;
  -moz-box-shadow: 2px 2px 6px #e0e0e0;  
}
.content .detail-info small{
  display:block;
}


/* TESTY */
.otazka{
  border-left:6px solid #dce6ee; 
  padding:6px 12px;
  margin-bottom:12px;
  transition-duration:0.2s;
}
.otazka:hover{
  border-left:6px solid #ffa200;
  transition-duration:0.2s;
}
.odpoved_klik{
  font-size:80%;
  color:#777;
  display:none;
  line-height:100%;
  cursor:pointer;
  _cursor:hand;
}
.odpoved{
  color:#555;
  font-style:italic;
}
.hidden{
  visibility:hidden;
  font-size:60%;
}


/* FORUM */
/* VÝPIS PŘÍSPĚVKŮ DISKUSE */
#disk_info td{
  margin:0px;
  padding:0px;
}
#disk_vypis td, #disk_vypis th{
  margin:0px;
  padding:3px;
  padding-bottom:1px;
  vertical-align:middle;
}
#disk_vypis th{
  padding:3px;
  text-align:left;
}
.nove_vlakno{
  background-color:#fcfcff;
  border:1px solid #ffffff;
  font-weight:bold;
  margin:0px;
  margin-top:3px;
  padding:0px;
}
.nove_vlakno a{
  font-weight:bold;
}
.norm_vlakno{
  background-color:#ffffff;
  border:1px solid #ffffff;
  font-weight:normal;
  margin:0px;
}
.ttit{
  background-repeat:no-repeat;
  background-position:center right;
}
.message{
  color:black;
  padding-bottom:6px;
  padding-top:6px;
  margin-top:3px;
}
.message a {
  display:inline;
  text-decoration:underline;
  font-weight:normal;
  font-size:12px;
  color:#313149;
  cursor:hand;
}
.reac{
  display:inline;
  text-decoration:underline;
  font-weight:normal;
  color:#002147;
  font-size:90%;
}
a.serad{
  text-decoration:none;
  color:black;
  transition-duration:0.2s;
}
a.serad:HOVER{
  text-decoration:underline;
  color:#313149;
}
#disk_vypis img{
  margin:0px;
  padding:0px;
}

/* SPOLECNE PRO VYPISY DISKUSE */
form.bez_okraje{
  margin:0px;
}
.person{
  font-size:11px;
  color:#555569;
}
.time{
  font-size:90%;
  color:#7d7d91;
}
a.person{
  font-size:90%;
}
.title{
  font-size:90%;
}

/* PODROBNY VYPIS */
.prispevek, .prispevek1, .prispevek2, .prispevek3, .prispevek4, .prispevek5, .prispevek6, .prispevek7{
  padding:5px; 
  margin:2px; 
  margin-left:0px;
  background-color:#e3ebfe;
}
.prispevek2{
  padding-left:40px;
}
.prispevek3{
  padding-left:80px;
}
.prispevek4{
  padding-left:120px;
}
.prispevek5{
  padding-left:160px;
}
.prispevek6{
  padding-left:200px;
}
.prispevek7{
  padding-left:240px;
}
.titleb{
  font-size:110%;
  font-weight:bold;
}
.prispevek .message,
.prispevek1 .message, 
.prispevek2 .message, 
.prispevek3 .message, 
.prispevek4 .message, 
.prispevek5 .message, 
.prispevek6 .message, 
.prispevek7 .message{
  background-color:#fcfcff;
}

/* FOOTER */
.wrapper-footer{
	background-color:#2d3e48;
	color:#cedce7;
	background-image:url("layout/back_footer1.jpg");
	background-repeat:repeat-y;
	background-position:top center;
	border-bottom:1px solid #89a3b4;
	margin-top:30px;
}
.wrapper-footer2{
	background-color:#2d3e48;
	color:#cedce7;
	background-image:url("layout/back_footer2.jpg");
	background-repeat:repeat-y;
	background-position:top center;
}
#footer{

}
#footer .box{
	float:left;
	width:18.5%;
	margin-right:6%;
	margin-top:40px;
	margin-bottom:20px;
	font-size:90%;
}
#footer .box-dark{
	border-top:1px solid #89a3b4;
	background-image:url("layout/back_footer_sel.jpg");
	margin:15px -25px -1px -25px;
	padding:25px 25px 10px 25px;
	min-height:147px;
}
#footer .box li{
	padding-left:0px;
	margin-left:12px;
	color:#91a6b7;
}
#footer h2{
	color:#fff;
	font-size:100%;
	font-family: 'Alegreya', serif;
	text-transform:uppercase;
}
#footer2{
	clear:both;
	line-height:32px;
	font-size:80%;
	padding:25px 0;
}
#logo_footer{
	float:left;
}
#footer2 .box{
	float:left;
	padding:0 20px; 
}
#footer2 strong{
	color:#fff;
}
#footer a, #footer2 a{
	color:#fff;
  transition-duration:0.2s;
}
#footer a:hover, #footer2 a:hover{
	color:#ffa200;
  transition-duration:0.2s;
}

/* NARROW DESIGN */
@media screen and (max-width: 800px) {
	#hmenu{
		position:relative;
	}
	#hmenu .title{
		display:block;
		line-height:40px;
	}
	#hmenu ul{
		display:none;
		position:absolute;
		right:9px;
		top:33px;
		border:1px solid #cedce7;
		background-color:#2d3e48;
		z-index:100;
	}
	#hmenu ul li{
		float:none;
		line-height:35px;
	}
	#hmenu ul li a{
		line-height:180%;
	}
	#hmenu ul li.active{
		border:none;
	}
	#hmenu ul ul{
		left:unset;
		right:0px;
	}
	#search{
		width:150px;
	}
	#search input#s{
		width:60px;
	}
	.content_header{
	}
	.content_header .infobox, .content .infobox{
		float:none;
		margin:0;
		width:95%;
		display:none;
	}
	.content_header_main{
		padding-bottom:24px;
	}
}
@media screen and (max-width: 900px) {
	#main .lbox{
		width:44%;
		min-height:100px;
		margin-right:6%;
	}
	#main .lbox p{
		
	}
	#main .box{
		width:44%;
		min-height:360px;
		margin-bottom:20px;
	}
	#footer .box{
		width:44%;
	}
	#footer2 .box{
		float:none;
		margin-left:125px;
		line-height:110%;
	}
	#footer .box-dark{
		margin:0 -25px -1px -25px;
		min-height:100px;
	}
}
@media screen and (max-width: 450px) {
	#search{
		width:60px;
	}
	#search input#s{
		width:50px;
		padding-left:6px;
	}
	#search #s_ok{
		right:2px;
	}
	#main .lbox, #main .box{
		font-size:90%;
	}
	#main .lbox{
		background-size:40px 58px;
	}
	#main .lbox p{
		padding-left:45px;
	}
	#main .box-dnes, #main .box-citat, #main .box-anketa, #main .box-viteze{
		background-size:118px 93px;
	}
	#main .box-in{
		padding-top: 110px;
	}
	#main .dokumenty, #main .forum, #main .box2{
		clear:both;
	}
}
/*******************************************************************************
  MISC
*******************************************************************************/
.noscreen {
  position:absolute;
  top:0; left:-3000px;
}

a img {
  border:none;
}
hr { display:none; }

.alignright{
  float:right;
  margin:0 0 10px 15px;
}
.alignleft{
  float:left;
  margin:0 15px 10px 0;
}

.clearall { clear:both; }

.clearfix:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {
  height:1%;
}

.clearfix {
  display:block;
}
/* End hide from IE-mac */ 
