@charset "utf-8";
 
* { 
margin: 0; 
padding: 0; 
} 
html, body { 
font-size: 100%; 
} 
body { 
font-family: "luxi sans", "nimbus sans l", tahoma, arial, sans-serif; 
font-family: "Open Sans", sans-serif; 
width: 100%; 
height: 100%; 
text-align: center; 
background: #cddfec url(//www.naucnoustezkou.cz/obrazky/prechod-pozadi.gif) top left repeat-x; 
padding: 30px 0 1em 0; 
color: #000; 
} 
a:link { 
color: #0000ee; 
} 
a:visited { 
color: #551a8b; 
} 
a:hover { 
color: #FF0000; 
} 
h1 { 
font-size: 1.2em; 
font-weight: normal; 
margin: 0.9em 0 0.7em 0; 
color: #FF6600; 
background-color: #FFFFFF; 
} 
p    { 
font-size: 0.82em; 
line-height: 1.5; 
} 
#obsah h1+p, #obsah h2+p, #obsah h2+p.foto+p, #obsah h3+p, #obsah h4+p, #obsah h5+p, #obsah p.postinfotop+p, #obsah div.obal p { 
text-indent: 0px; 
} 
dl { 
margin: 1em 1.2em 0.5em 10px; 
font-size: 0.82em; 
line-height: 1.5; 
} 
dt { 
float: left; 
background: url(//www.naucnoustezkou.cz/obrazky/sipecka.png) 0 50% no-repeat; 
font-weight: bold; 
font-size: 100%; 
width: auto; 
padding: 0 5px 0 15px; 
} 
dd { 
margin: 0 0 0.2em 20px; 
} 
hr { 
display: none; 
} 
#celek { 
position: relative; 
background:url(//www.naucnoustezkou.cz/obrazky/nudle.png) 0 100px repeat-y; 
margin: 0 auto; 
text-align: left; 
width: 780px; 
} 
#celek div.obal { 
border-bottom: 1px dotted #999; 
} 
#zahlavi { 
position: relative; 
background: url(//www.naucnoustezkou.cz/obrazky/ff-zahlavi.jpg) top center no-repeat; 
height: 249px; 
} 
p#logo { 
position: absolute; 
right: 0px; 
top: 76px; 
} 
p#logo a { 
background: url(//www.naucnoustezkou.cz/obrazky/ff-logo.jpg) top right no-repeat; 
display: block; 
text-indent: -10000em; 
height: 79px; 
width: 300px; 
} 
#obal-obsahu { 
background: url(//www.naucnoustezkou.cz/obrazky/prechod-sloupek.png) top right no-repeat; 
margin: 0 auto; 
width: 740px; 
} 
#obal-obsahu:after{ 
content: "."; 
display: block; 
visibility: hidden; 
height: 0px; 
clear: both; 
} 
#obsah { 
float: left; 
padding-bottom: 1em; 
min-height: 570px; 
width: 510px; 
background-color: #FFF; 
color: #000; 
} 
#obsah .vnitrni { 
padding: 12px 15px 1em 23px; 
} 
#obsah p { 
margin: 1.3em 0; } 
#obsah p#drobeckova { 
text-indent: 0px; 
font-size: 0.7em; 
margin-top: 0.5em; 
padding-bottom: 0.3em; 
color: #999; 
border-bottom: 1px dotted; 
} 
#obsah p.postmetadata  { 
text-indent: 0px; 
border-top: 1px dotted gray; 
border-bottom: 1px dotted gray; 
padding: 0.6em 0 0.7em 0; 
clear: both;
margin-top: 2em;
} 
#obsah  p.postinfotop, #obsah p.postmetadata  { 
text-indent: 0px; 
margin: 0; 
font-size: 0.74em; 
} 
#obsah p.postmetadata img { 
vertical-align: middle; 
border: none; 
} 
#obsah  p.postinfotop  { 
border-bottom: 1px dotted gray; 
padding-bottom: 0.5em; 
} 
#obsah div.obal p.postinfotop  { 
border: none; 
padding: 0; 
margin: 0; 
} 
#obsah div.obal h2  { 
margin: 1.2em 0; 
} 
#obsah div.fotogalerie:after { 
content: "."; 
display: block; 
visibility: hidden; 
clear: both; 
height: 0; 
width: 0; 
} 
#obsah div.fotogalerie p   { 
background: url(//www.naucnoustezkou.cz/obrazky/stin.gif) no-repeat bottom right; 
float:left; 
line-height:0; 
text-indent: 0px; 
margin: 10px; 
} 
#obsah div.fotogalerie p img { 
padding:5px; 
border:1px solid #ccc; 
position:relative; 
left:-5px; 
top:-5px; 
width: 122px; 
background-color: #FFF; 
} 
#obsah h2 { 
font-size: 0.9em; 
color: #009900; 
margin: 1.3em 0; 
clear: both; 
background-color: #FFFFFF; 
} 
#obsah h3 { 
font-size: 0.9em; 
font-style: italic; 
margin: 1.3em 0; 
} 
#obsah ul, #obsah  ol    { 
margin: 1em 1em 1.3em 25px; 
} 
#obsah ol    { 
margin-left: 40px; 
} 
#obsah ul li { 
font-size: 0.82em; 
list-style-type: none; 
line-height: 1.5; 
padding: 0 0 0 15px; 
background: url(//www.naucnoustezkou.cz/obrazky/sipecka.png) 0 0.6em no-repeat; 
} 
#obsah  ol  li { 
font-size: 0.82em; 
line-height: 1.5; 
} 
#sloupek { 
width: 210px; 
float: right; 
margin-top: 60px; 
text-align: left; 
} 
#sloupek .vnitrni { 
padding: 1em 10px 1em 10px; 
} 
#sloupek h2 { 
color: #FF6600; 
font-size: 0.73em; 
background: url(//www.naucnoustezkou.cz/obrazky/odrazka.png) 0 90% no-repeat; 
padding-left: 22px; 
} 
#sloupek p { 
margin: 1.2em 0 1.2em 0.2em; 
font-size: 0.7em; 
line-height: 1.5; 
} 
#sloupek ol, #sloupek ul { 
margin: 1em 0 1em 0.5em; 
} 
#celek #sloupek ul li { 
font-size: 0.7em; 
padding-left: 14px; 
list-style-type: none; 
background: url(//www.naucnoustezkou.cz/obrazky/sipecka.png) 0 0.5em no-repeat; 
line-height: 1.6; 
} 
.skryte, #vyhledavani h2 { 
position: absolute; 
left: -10000em; 
} div#navigace h2 { 
position: absolute; 
left: -10000em; 
} 
ul#menu{ 
background-color: #141D24; 
position: absolute; 
top:225px; 
left: 0px; 
float:left; 
margin: 0 0 0 30px; 
font-size: 0.68em; 
width: 92%; 
color: #FFFFFF; 
} 
ul#menu li { 
float:left; 
margin-right: 2px; 
position:relative; 
list-style-type:none; 
} 
ul#menu li:hover { 
background-color: #F4B700; 
color: #000000; 
} 
ul#menu a { 
display:block; 
line-height: 2.2em; 
padding: 0 1.5em; 
text-decoration:none; 
color: #FFF; 
font-weight: bold; 
background: transparent; 
} 
ul#menu ul a:hover, 
body#uvod ul#menu li#m-uvod ul a:hover,  
body#ns ul#menu li#m-ns ul a:hover,  
body#clanky ul#menu li#m-clanky ul a:hover,  
body#owebu ul#menu li#m-owebu ul a:hover, 
body#kontakt ul#menu li#m-kontakt ul a:hover    { 
background-color: #ff4a00; 
color: #FFF; 
} 
ul#menu a:hover, 
body#uvod ul#menu li#m-uvod a:hover, 
body#ns ul#menu li#m-ns a:hover, 
body#clanky ul#menu li#m-clanky a:hover, 
body#owebu ul#menu li#m-owebu a:hover, 
body#kontakt ul#menu li#m-kontakt a:hover     { 
background-color: transparent; 
color: #000; 
} 
ul#menu ul { 
margin:0; 
position:absolute; 
width:17em; 
left:-1px; 
display: none; 
} 
ul#menu ul li { 
width:100%; 
border: 1px solid #E4AB02; 
border-top: none; 
padding:0; 
background-color: #FFE082; 
font-size: 100%; 
color: #000; 
} 
ul#menu ul a { 
background-image: none; 
color: #000; 
background-color: #FFE082; 
padding: 0 0.5em 0 1.5em; 
} 
ul#menu ul ul li:first-child { 
border-top:1px solid #E4AB02;  
} 
ul#menu li:hover ul {display:block; }  
body ul#menu li ul li ul  { 
visibility:hidden; 
top:-1px; 
left:17em; 
} 
ul#menu ul li:hover ul {visibility:visible;}  
ul#menu ul li:hover ul li ul {display:none;}  
ul#menu ul ul li:hover ul {display:block; }  
body#uvod ul#menu li#m-uvod, 
body#ns ul#menu li#m-ns, 
body#clanky ul#menu li#m-clanky, 
body#owebu ul#menu li#m-owebu, 
body#kontakt ul#menu li#m-kontakt { 
background-color: #FFF; 
color: #1568A6; 
} 
body#uvod ul#menu li#m-uvod a, 
body#ns ul#menu li#m-ns a, 
body#clanky ul#menu li#m-clanky a, 
body#owebu ul#menu li#m-owebu a, 
body#kontakt ul#menu li#m-kontakt a { 
color: #1568A6; 
} 
body#uvod ul#menu li#m-uvod ul li a, 
body#ns ul#menu li#m-ns ul li a, 
body#clanky ul#menu li#m-clanky ul li a, 
body#owebu ul#menu li#m-owebu ul li a, 
body#kontakt ul#menu li#m-kontakt ul li a { 
color: black; 
} #vyhledavani { 
position: absolute; 
top: 249px; 
right: 20px; 
width: 216px; 
background-color: #CCCCCC; 
height: 3.7em; 
color: #000000; 
} 
#vyhledavani form  { 
padding-top: 1em; 
} 
#vyhledavani form label { 
display: none; 
} 
#vyhledavani form input { 
vertical-align: middle; 
margin: 0; 
padding: 0; 
float: left; 
} 
#vyhledavani form #s { 
width: 64%; 
vertical-align: middle; 
float: left; 
margin-right: 5px; 
margin-top: 2px; 
margin-left: 10px; 
} 
#vyhledavani legend  { 
display: none; 
} 
#vyhledavani fieldset { 
border: none; 
} 
form#commentform fieldset { 
border: 1px solid orange; 
background-color: #fff8ee; 
padding: 1.3em 1em 1em 1em; 
position: relative; 
margin-top: 2em; 
} 
form#commentform legend { 
font-size: 0.7em; 
font-weight: bold; background-color: orange; 
color: white; 
padding: 0.2em 0.5em 0.3em; 
} 
form#commentform label { 
font-size: 0.7em; 
clear: both; 
display: block; 
font-weight: bold; 
margin-bottom: 0.2em; 
} 
form#commentform input, form#commentform textarea, #celek form#commentform label { 
display: block; 
} 
form#commentform textarea { 
width: 400px; 
height: 100px; 
} 
dl#komentare { 
margin: 0; 
} 
dl#komentare dt  { 
float: none; 
color: #3F84B6; 
font-size: 0.8em; 
padding-left: 0px; 
background: none; 
background-color: #FFF; 
} 
dl#komentare dt cite { 
font-style: normal; 
color: #884636; 
background-color: #FFF; 
} 
dl#komentare dt em { 
display: block; 
font-style: normal; 
color: red; 
background-color: #FFFFFF; 
} 
dl#komentare dd { 
margin-bottom: 1em; 
margin-left: 0; 
padding: 0em 1em 0 1em; 
border: 1px solid #ccc; 
} 
dl#komentare dd p { 
font-size: 100%; 
text-indent: 0; 
} #zapati { 
position: relative; 
width: 780px; 
margin: 0 auto; 
clear: both; 
background: url(//www.naucnoustezkou.cz/obrazky/zapati.png) bottom center no-repeat; 
padding: 0; 
text-align: left; 
} 
#zapati p  { 
padding: 1.7em 1em 3em 40px; 
font-size: 0.74em; 
color: #666666; 
} 
div#mapa_rss { 
position: absolute; 
top: 17px; 
right: 5px; 
width: 60px; 
height: 14px; 
} 
div#mapa_rss ul { 
position: relative; 
} 
div#mapa_rss   ul li { 
list-style-type: none; 
float: left; 
} 
div#mapa_rss   ul li a span   { 
position: absolute; 
left: -10000em; 
} 
li#mapa  { 
width: 17px; 
height: 14px; 
margin-right: 10px; 
} 
li#rss { 
width: 24px; 
height: 12px; 
} 
li#mapa a { 
background: url(//www.naucnoustezkou.cz/obrazky/mapa_webu.gif) top left no-repeat; 
display: block; 
height: 14px; 
width: 17px; 
} 
li#rss a { 
background: url(//www.naucnoustezkou.cz/obrazky/rss.png) top left no-repeat; 
display: block; 
height: 12px; 
width: 24px; 
} 
a#pristupnost { 
background-image: url(//www.naucnoustezkou.cz/obrazky/vozickar.gif); 
padding-left: 18px; 
background-repeat: no-repeat; 
background-position: 0 100%; 
} 
a#feed { 
background-image: url(//www.naucnoustezkou.cz/obrazky/rss-mala.png); 
background-repeat: no-repeat; 
padding-left: 17px; 
background-position: 0 100%; 
} 
a#sitemap { 
background-image: url(//www.naucnoustezkou.cz/obrazky/mapicka-webu.gif); 
background-repeat: no-repeat; 
padding-left: 18px; 
background-position: 0 80%; 
} 
#obsah ul#mapa_webu ul { 
font-size: 100%; 
margin-top: 0px; 
margin-bottom: 0px; 
} 
#obsah ul#mapa_webu li { 
background-image: url(//www.naucnoustezkou.cz/obrazky/slozka1.gif); 
padding-left: 22px; 
background-position: 0 0.4em; 
} 
#obsah ul#mapa_webu ul li { 
font-size: 100%; 
margin: 0; 
background-image: url(//www.naucnoustezkou.cz/obrazky/slozka2.gif); 
} 
#obsah ul#mapa_webu ul ul li { 
background-image: url(//www.naucnoustezkou.cz/obrazky/clanek.gif); 
padding-left: 18px; 
background-position: 0 0.5em; 
} 
#obsah ul#mapa_webu ul#stezky ul li { 
background-image: url(//www.naucnoustezkou.cz/obrazky/slozka3.gif); 
} 
#obsah ul#mapa_webu ul#stezky ul ul li { 
background-image: url(//www.naucnoustezkou.cz/obrazky/clanek.gif); 
padding-left: 18px; 
} 
a.ven, ul.blogroll li a, ul li a.rsswidget, ul#menu-fotoodkazy li a { 
background: url(//www.naucnoustezkou.cz/obrazky/ven.gif) top right no-repeat; 
padding-right: 10px; 
} 
address { 
font-size: 0.7em; 
font-style: normal; 
} 
acronym, abbr, .abbr { 
border-bottom: 1px dotted; 
cursor: help; 
display: inline; 
} 
#obsah #wp_page_numbers ul, #obsah #wp_page_numbers li, #obsah #wp_page_numbers a { 
background: white; 
padding: 0; 
margin: 0; 
border: none; 
text-decoration: none; 
font-weight: normal; 
font-style: normal; 
list-style: none; 
text-transform: none; 
text-indent: 0px; 
font-variant: normal; 
text-align: left; 
line-height: 12px; 
letter-spacing: 0px; 
word-spacing: 0px; 
font-size: 11px; 
font-family: Arial; 
} 
#obsah #wp_page_numbers { 
margin-top: 30px; 
width: 100%; 
background: white; 
} 
#obsah #wp_page_numbers ul { 
width: 100%; 
} 
#obsah #wp_page_numbers li { 
float: left; 
display: block; 
margin-bottom: 2px; 
} 
#obsah #wp_page_numbers a { 
padding: 3px; 
padding-left: 5px; 
padding-right: 5px; 
margin-left: 2px; 
margin-right: 2px; 
display: block; 
color: #333; 
border: 1px solid #bfbfbf; 
} 
#obsah #wp_page_numbers li a:hover { 
border-color: #ff8000; 
} 
#obsah #wp_page_numbers li.space { 
padding: 6px; 
padding-left: 2px; 
padding-right: 2px; 
} 
#obsah #wp_page_numbers li.first_last_page { 
font-style: italic; 
} 
#obsah #wp_page_numbers li.active_page a { 
border-color: #46daff; 
} 
#obsah #wp_page_numbers li.active_page a:hover  { 
color: black; text-decoration: underline; 
border-color: #ff8000; 
} 
#obsah #wp_page_numbers li.page_info { 
float: left; 
display: block; 
padding: 3px; 
padding-left: 5px; 
padding-right: 5px; 
margin-right: 2px; 
color: #666; 
font-size: 11px; 
border: 1px solid #bfbfbf; 
} 
#celek  #obal-obsahu  #obsah  .vnitrni  .mypicbox  { 
padding: 1.6em 0 1em 0; 
margin-top: 0.6em; 
font-size: 0.8em; 
font-weight: bold; 
position: relative; 
} 
#obsah    div.mypicsgallery    a       { 
background: url(//www.naucnoustezkou.cz/obrazky/stin.gif) no-repeat bottom right; 
float:left; 
line-height:0; 
text-indent: 0px; 
margin: 10px; 
} 
#obsah   div.mypicsgallery   a   img      { 
padding:5px; 
border:1px solid #ccc; 
left:-5px; 
top:-5px; 
width: 122px; 
background-color: #FFF; 
position: relative; 
} 
#celek  #obal-obsahu  #obsah  .vnitrni  .mypicbox  div.mypicup { 
display: none; 
} 
#celek #obal-obsahu #obsah .vnitrni .mypicbox .mypicfor { 
position: absolute; 
top: 0; 
right: 0; 
padding: 0 5px; 
} 
#celek #obal-obsahu #obsah .vnitrni .mypicbox .mypicback { 
position: absolute; 
top: 0; 
left: 0; 
padding: 0 5px 0 0; 
} 
#celek    #obal-obsahu  #obsah    .vnitrni  .mypicbox    div.mypictureborder img.mypictureimg   { 
padding:5px; 
border:1px solid #ccc; 
background-color: #FFF; 
} 
#celek #obal-obsahu #obsah .vnitrni .mypicsgallery { 
margin-top: 1em; 
} 
#celek   #obal-obsahu   #obsah   .vnitrni   .mypicsgallery:after{ 
display: block; 
content: "."; 
clear: both; 
visibility: hidden; 
height: 0px; 
} 
#sloupek h2 img{ 
display: none; 
} 
#celek  #sloupek div.ngg-widget { 
margin: 1em 0 1em 0.5em; 
} 
#celek  #sloupek div.ngg-widget a { 
display: block; 
border: 0; 
width: 90px; 
height: 65px; 
float: left; 
text-decoration: none; 
margin-bottom: 5px; 
} 
#celek  #sloupek div.ngg-widget a img { 
padding: 3px; 
border: 1px solid #ccc; 
} 
#celek  #sloupek div.ngg-widget:after{ 
display: block; 
content: "."; 
clear: both; 
visibility: hidden; 
height: 0px; 
} 
#celek #obal-obsahu  #obsah div.ngg-gallery-thumbnail-box { 
margin: 8px 5px 8px 5px !important; 
} 
#celek #obal-obsahu  #obsah div.ngg-gallery-thumbnail img { 
border-color: #ccc; 
text-align: left; 
} 
#celek img.ngg-right { 
margin: 0 15px 15px 20px;
float: right;
} 
#celek img.ngg-left { 
margin: 0px 20px 10px 0; 
float: left;
} 
#obsah p.foto { 
background: url(//www.naucnoustezkou.cz/obrazky/stin.gif) no-repeat bottom right; 
float:right; 
text-indent: 0px; 
margin: 1em 10px 1em 2em; 
line-height: 0; 
} 
#obsah p.foto img { 
padding:6px; 
border:1px solid #ccc; 
position:relative; 
left:-5px; 
top:-5px; 
background-color: #FFF; 
} 
#celek p img.ngg-singlepic:hover, #celek div.ngg-widget img:hover { 
background-color: #A9A9A9; 
} 
#sloupek h2 a.rsswidget{ 
text-decoration: none; 
color: #FF6600; 
} 
#wpcf7-f1-p2-o1, div#upozornit form fieldset  { 
width: 400px; 
border: 1px solid #999; 
background-color: #f7f7f7; 
padding: 0 10px 0 10px; 
} 
#wpcf7-f1-p2-o1 p, div#upozornit form fieldset p { 
text-indent: 0; 
} 
div.wpcf7-validation-errors { 
font-weight: bold; 
padding: 0.5em; 
font-size: 0.8em; 
color: red; 
background-color: yellow; 
} 
div#upozornit form fieldset legend { 
display: none; } 
p#upozorneni a { 
padding-left: 28px; 
display: block; 
margin: 0.2em  0; 
background: url(//www.naucnoustezkou.cz/wp-content/plugins/emailthis/email.gif) top left no-repeat; 
} 
p#upozorneni { 
text-indent: 0; 
margin-top: 2em; 
} 
#celek div.obal:after { 
display: block; 
visibility: hidden; 
clear: both; 
content: "."; 
height: 0; 
} 
#celek .ngg-singlepic { 
background-color:#FFFFFF; 
display:block;   
padding:4px; 
border: 1px solid #ccc; 
} 
#celek div.obal .ngg-singlepic { 
width: 122px; 
margin-bottom: 1.2em; 
} 
#celek ul#souvisejici a img{ 
display: none; 
}
div#wp-email-content p{
text-indent: 0;
margin: 0.5em 0;
}
div#wp-email-content label{ font-size: 0.85em;
}
p#wp-email-button {
text-align: left;
}
div#wp-email-content p em{
font-style: normal;
font-size: 0.8em;
}
#obsah img {
margin: 0;
max-width: 640px;
}
#obsah .attachment img {
max-width: 900px;
}
#obsah .alignleft,
#obsah img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
#obsah .alignright,
#obsah img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
#obsah .aligncenter,
#obsah img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
#obsah img.alignleft, 
#obsah img.alignright, 
#obsah img.aligncenter {
margin-bottom: 12px;
}
#obsah .wp-caption {
background: #f1f1f1;
line-height: 18px;
text-align: center;
margin-bottom: 20px;
padding: 4px;
}
#obsah .wp-caption img {
margin: 5px 5px 0;
}
#obsah .wp-caption p.wp-caption-text {
margin: 5px;
color: #888;
font-size: 12px;
}
#obsah .wp-smiley {
margin:0;
}
#obsah .gallery {
margin: auto;
}
#obsah .gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
#obsah .gallery img {
border: 2px solid #cfcfcf;
}
#obsah .gallery .gallery-caption {
color: #888;
font-size: 12px;
margin: 0 0 12px;
}
#obsah .gallery dl {
margin: 0;
}
#obsah .gallery img {
border: 10px solid #f1f1f1;
}
#obsah .gallery br+br {
display: none;
}
#obsah p.postmetadata  { 
margin-top: 2em;
} 
#celek .yarpp-related a {
text-decoration: underline;
font-weight: normal;
}
#celek .yarpp-related {
margin-bottom: 4em;
}
img.image {
display:block;
max-width: 100%;
height: auto;
margin: 0 0 2em;
}
#celek .gallery {
margin-top: 1.8em;
}
#celek .gallery dt {
float: none;
background: none;
padding: 0 !important;
}
#celek .attachment-thumbnail.wp-post-image {
background-color: #FFFFFF;
display: block;
padding: 4px;
border: 1px solid #ccc;
width: 122px;
height: auto;
float: left;
margin: 0 20px 1.2em 0; 
}
body.single #celek .attachment-thumbnail.wp-post-image {
margin-top: 1.2em; 
width: 150px;
}