/* css - www.czechmycology.org */
/* creator: Petr Nemec - www.j10.cz  - 03/2011 */

body {background: #fff; font: normal 12px arial,"trebuchet ms",verdana,sans-serif;color:#444;line-height:180%;margin:0;padding:0;
}	
		
#logo{margin:0;padding:0; position:absolute;top:25px;left:120px;}

#hdr{margin:0;padding:0; position:absolute;top:50px;left:120px;height:180px; overflow:hidden;}

img  {border: none; margin: 0px; padding: 0px;}

#nav {font:normal normal 11px arial,sans-serif;line-height:200%;color:#000;text-transform:uppercase;text-align:left;
margin:0;padding:0;position:absolute;top:350px;left:835px;}

	.magcnt  #nav, .admin #nav  {top:220px; } /* border-left: 1px dashed #b6b6b6; */


#nav2 {font:normal normal 11px arial,sans-serif;line-height:200%;color:#000;text-transform:uppercase;text-align:left;
margin:0 0 25px 0;padding:0; }

#lng {font:normal normal 10px arial,sans-serif;color:#000;text-transform:uppercase;text-align:left;
margin:0;padding:0;position:absolute;top:34px;left:708px;}


#cnt{width:635px;padding: 0; position:absolute;top:240px;left:120px;text-align:left; }

	.magcnt #cnt, .admin #cnt{top:90px;}

#intro {width:900px;padding: 0; position:absolute;top:100px;left:120px;text-align:left; }

.intropanel{float:left;width:400px; /*border-radius: 8px;-moz-border-radius: 8px; -webkit-border-radius: 8px; border: dotted 1px #bbb; background: #e1ba93 */ margin-right:30px}
.intropanel img{float:left; padding-right:30px; margin-bottom: 60px;}
.cara{border-left:dotted 1px #bbb; padding-left:30px;}


h1,h2,h3	{font:normal bold 22px arial,sans-serif;color: #000; margin:20px 0 15px 0; padding: 12px 0 10px 75px; /*text-transform: lowercase;*/
background:url(../src/mycel4.png) no-repeat 0px 7px; }

h1 span {font-size: 13px;}

h2	{font-size: 18px; color: #000; background:url(../src/icon-arrow-right4.png) no-repeat 4px 9px; padding: 8px 0 8px 35px;
 /*text-transform: capitalize;*/}

h3	{font-size: 15px; color: #858585;background:url(../src/icon-play3.png) no-repeat 4px 9px; padding: 6px 0 6px 35px;}

.question	{background:url(../src/icon-q.png) no-repeat 0px 7px; padding: 8px 0 8px 50px}
.exclam {background:url(../src/icon-exclam.png) no-repeat 0px 4px; padding: 8px 0 8px 50px;}
.warn {background:url(../src/icon-warning.png)  no-repeat 0px 4px; padding: 8px 0 8px 50px;}
.gear {background:url(../src/icon-gear.png)  no-repeat 0px 4px; padding: 8px 0 8px 50px;}
/*
h2	{font:normal bold 13px arial,sans-serif; color: #000; text-align:left; margin-top: 25px;
 background:url(../img/i5.gif) no-repeat 2px 4px; padding: 0 0 0 25px; cursor: pointer; 
}
h2:hover {color: #666;}

ul {margin: 25px 0 35px 0; }
li {text-align:left; background:url(../img/i5.gif) no-repeat 2px 6px; margin: 15px 0 0 0; padding-left: 25px; list-style: none;
}
*/


p {width:635px; padding:0; text-align:justify; margin:0;}

	p.prodej   { margin: 10px 0;padding: 8px; background: #eee; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

 		p.prodej span {color: #f00; font-weight:bold; padding-left: 20px; }
		
		p.search u {color: #f00; font-weight:bold; text-decoration: none; background: #feff86; overflow:hidden;}
		

p img {padding:0 30px 20px 0; margin:0; float:left;}

/*
h2+p > em {color: #666;}
*/


A {text-decoration: none;font-style:normal; }
A:link, A:visited, A:active {color: #ae00ff;}
A:hover {color: #ff06c7; text-decoration:underline; } /* c0f */

p a.ext {background:url(../img/lnk2.gif) no-repeat 1px 2px; padding-left: 15px; }
p a.ext:hover {background:url(../img/lnk.gif) no-repeat 1px 2px; }

/*
a.sbal, a.sbal:visited, a.sbal:active {background:url(../img/i6.gif) no-repeat 0px 3px; padding-left: 17px; font:normal normal 11px arial; color: #444; float:right; }
a.sbal:hover {background:url(../img/i6.gif) no-repeat 0px 3px; padding-left:17px;  color: #000;}

a.back, a.back:visited, a.back:active {background:url(../img/i4.gif) no-repeat 0px 3px; padding: 0 17px; font:normal normal 11px arial; color: #444; float:right; }
a.back:hover {background:url(../img/i4.gif) no-repeat 0px 3px; padding: 0 17px; color: #000;}
*/


#nav a {text-decoration:none; }
#nav a:link, #nav a:visited {color: #000;}	/* 0af */
#nav a:hover, #nav a:active {color:#000;text-decoration:underline;} /* ff06c7 */

#nav2 a {text-decoration:none;}
#nav2 a:link, #nav2 a:visited {color: #000;}	/* 0af */
#nav2 a:hover, #nav2 a:active {color:#ff06c7;text-decoration:underline;} /* ff06c7 */

#lng a:link i, #lng a:visited i {color: #000;}	/* 0af */
#lng a:hover i, #lng a:active i {color:#000;text-decoration:underline;}
/*
#index a:link, #index  a:visited {color: #000;}	
#index  a:hover, #index  a:active {color:#000;text-decoration:underline;}
*/

/*
a.sub {font-size:10px;color: #666; }

#nav a.sub:link, #nav a.sub:visited {color:#555;}	
#nav a.sub:hover, #nav a.sub:active {color:#000;}
*/


.volumes {background: #fff; border-radius: 8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding:5px 15px 15px 15px; color: #888; line-height: 190%; text-align:right; }

.magcnt .volumes a {font-weight: bold; text-decoration:underline; margin: 0 3px 12px 10px; font-size: 13px; }

.cmol a:first-child {font-size: 26px; padding: 8px; border-radius: 100%; display:inline-block; }
/*.cmol a:first-child::before {content: "Go to newest articles -- "; }*/
.cmol a:first-child + a {font-size: 21px; }
.cmol a:first-child + a + a {font-size: 15px; }

.magcnt p, .magcnt a>p { margin: 10px 0;padding: 8px; background: #eee; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow:hidden;} /* color:#000; */

/*.magcnt .myli p, .magcnt .myli a>p { background: #fff; }*/


/*
.magcnt a>p {text-decoration:none;cursor:pointer;display:block;}
.magcnt A:link, .magcnt A:visited, .magcnt A:active {color: #444;}
.magcnt A:hover {color: #000;text-decoration:none;}
.magcnt p:hover {	background: #f6f6f6;}
*/


.magcnt p.nobg {background: #fff; border-radius: 0px; -moz-border-radius:0px; -webkit-border-radius:0px;}

/* index - significant occurences */
.magcnt p.significant {background-color: #fdd;}


.magcnt h1 {font-size: 18px;height: 30px; }
.magcnt h1 > span {font-weight: normal; font-size: 15px;}

.magcnt h2{font:normal bold 22px arial,sans-serif;background: #e1ba93 url(../src/cmbg.jpg) repeat;color: #000;margin: 20px 0;padding: 20px 40px;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.magcnt h3{background: #000; font:normal bold 18px arial,sans-serif;color: #fff; margin: 20px 10px 10px 0;padding: 8px 40px 8px 40px;
border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; width:400px;}

.magcnt h2 > span {color: #555; font-size:14px; padding-left:15px;}
.magcnt h3 > span {font-weight: normal; font-size: 13px;}
.magcnt h3, .magcnt h3 + span{display:inline;}
/*.magcnt h3+span{color: #999; font-size: 11px; }
.magcnt h3+p, .magcnt h3+span+p  {margin-top: 25px; }
*/
.magcnt h3 + p {margin-top: 25px;}



.aktuality h2 {font-size: 15px; margin:10px 0 5px 0; }
.aktuality p span {font:normal normal 11px georgia,arial,sans-serif; color: #aaa; margin-top:10px; display:block;}

.archakt p, .archiv p {margin-top:8px; }
.archakt p em, .archiv p em  {font:normal normal 11px arial,sans-serif; color: #aaa; padding-right: 20px; }


li {background:url(blt3b.gif) no-repeat 0px 2px; padding: 0 0 0 30px; margin:12px 0; list-style: none; font:normal normal 12px arial,sans-serif; }
li:first-letter {text-transform:uppercase;}

ul.linklist {margin-left: -30px; }


.hilight {display:block; background: #f4f2ec; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: dotted 1px #bbb;  margin:15px 50px 15px 10px; padding:15px 40px 15px 40px; 
color:#000 ; float:left;}


.server {font-size:10px; font-style:italic; color:#ccc;}


.pub {font-size:11px; color:#888;}

.abstract {font-size:12px; color:#555;}

.abs, a.abs, a.abs:visited  {font-size:11px; color:#4169e1; /*padding:0px 5px 0 17px; background:url(i7.gif) no-repeat 0px 3px;*/}



a.sys,a.sys:visited,a.sys:active{padding-left:17px;font:normal normal 11px arial;color:#444;float:right;text-decoration:underline; }
a.sys{background:url(i1.gif) no-repeat 0px 3px;}
a.sys:hover{color:#ff06c7;}

a.more{background-image:url(i1.gif);}
a.back{background-image:url(i4.gif);}
a.next{background-image:url(i5.gif);}
a.sbal{background-image:url(i8.gif);}
a.up{background-image:url(i9.gif);}
a.btc{background-image:url(i8.gif);}
a.sup{background-image:url(i8.gif);}
a.sdn{background-image:url(i7.gif);}
a.next,a.up{cursor:pointer;margin-left:20px;}

a.pdf, a.doc, a.rtf, a.xls, a.zip{padding:5px 0 5px 25px;background:url(pdf.gif) no-repeat 0px 3px;line-height:160%;}
a.doc, a.rtf{background-image:url(doc.gif);}
a.xls{background-image:url(xls.gif);}
a.zip{background-image:url(zip.gif);}

a.foto {background:url(foto.gif) no-repeat 0px 1px; padding-left:25px;}


p a.ext {background:url(lnk2.gif) no-repeat 1px 2px;padding-left:15px;}




.pics {text-align:left; margin: 10px 0; }
.pics img{border: 1px solid #797a7d; width: 190px;  margin: 10px; vertical-align: middle;}
.pics a img{margin:0 10px 10px 0;padding:0px;}
.pics a:hover img,#pics a:active img{border-color: #555; }
.pics a:visited img{width: 190px; /*height: 50px;*/}



#ftr {height:20px;width:635px;  font: normal normal 10px verdana,sans-serif; color: #999; padding:15px 0 0 0; margin:40px 0 20px 0; text-align:left; 
border-top: 1px dashed #b6b6b6;} 

#ftr a {color:#006; text-decoration:none; font-style:normal; }
#ftr a:visited, #ftr a:link, #ftr a:active {color:#006;}
#ftr a:hover {color:#f0f;}

#ftr a:link span,#ftr a:visited span  {color:#999;}

#ftr img {width:12px; height:9px; vertical-align: -10%;}

.hid, .op, .seo, .hide  {display:none; }

.fl{float:left;}
.fr{float:right;}

.admin form input[text]{width: 300px; }

/* thx https://proto.io/freebies/onoff/ 
better yet alt: http://ethercycle.com/blog/303
http://cssdeck.com/labs/clean-webkit-css3-ui/
*/

	 
	    .onoffswitch { position: relative; width: 51px; float:right;  
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; }
    .onoffswitch-checkbox { display: none; }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 2px solid #B3B3B3; border-radius: 12px;
    }
    .onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 16px; padding: 0; line-height: 16px;
        font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 6px;
        background-color: #32D132; color: #FFFFFF;
    }
    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 6px;
        background-color: #F53D0E; color: #EBEBEB; /* background-color: #EEEEEE; color: #999999; */
        text-align: right;
    }
    .onoffswitch-switch {
        display: block; width: 10px; margin: 3px;
        background: #FFFFFF;
        position: absolute; top: 0; bottom: 0;
        right: 31px;
        border: 2px solid #B3B3B3; border-radius: 12px;
        transition: all 0.3s ease-in 0s; 
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px;}