/* =Reset
************************************************************** */
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;}
:focus {outline: 0;}
body {line-height: 1;   color: black;   background: white;}
ol, ul {list-style: none;}
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: "" "";}
.fleft {float:left}
.clear {display: block; clear: both;}
/* Hides from IE-mac \*/
.clear {display: block; clear: both;}
/* End hide from IE-mac */
.correct { 
	color: Green;
	font-weight: bold;
}

/* coments */
#comments {position:relative;margin-top:40px}
#comments .comment-box {position:relative}
#comments .comment-box .comment-header {position:relative;height:46px;font-size:12px;color:#7d7d7d}
#comments .comment-box .comment-header .mleft {margin-left:10px}
#comments .comment-box .comment-header .nick-and-date {margin-top:5px}
#comments .comment-box .comment-header .nick-and-date span {font-size:15px}
#comments .comment-box .comment-header .comment-stats {position:relative;padding-top:4px;padding-right:20px}
#comments .comment-box .comment-body {font-size:12px;color:#000;margin-top:10px;padding-left:57px}
#comments .comment-box .comments-separator {margin:20px 20px 20px 0;height:1px;background: url('../img/comments_separator.png') repeat-x left top}
#comment_form .b-row {display: flex;align-items: center;justify-content: space-between;}
/* comments end */

#breadcrumbs {padding:0 10px}
#breadcrumbs a {color: #006cbf;text-decoration: none;font-size: 1.1em}
.foot-book-author-age {display:block;clear:both;margin-left:118px;padding-left:15px;border-left: 1px solid #dbdbdb;}
.foot-book-author-age div.c {width:33%;float:left}
.foot-book-author-age div a {display:block;color: #006cbf;text-decoration: none;font-size: 1.1em;margin-bottom:8px}
@media all and (max-width:999px) {
    .foot-book-author-age {margin-left:116px}
    .foot-book-author-age div.c {width:100%;float:none}
    #comment_form .b-row {flex-direction: column;}
}

body {
	font-family: "Trebuchet MS", "lucida grande",verdana,helvetica,arial,sans-serif;
	font-size: 12px;

}

div#container {
	margin: 7px auto 0 auto;

}

div#container-bottom{
	height: 8px;
	margin: 0 auto;
	background:url('../img/container-bottom.png') no-repeat;
}

div.bilboard {
	height: 100px;
	padding: 5px 5px;
	text-align: center;
}
/* = Gorny pasek nawigacyjny po portalach
************************************************************** */
div#toph1 {
	margin: auto;
	padding: 0;
	height: 15px;
	width: 1150px;
}
div#toph1 h1 {
    line-height: 14px;
    position: relative;
    float: left;
    color: #909090;
    margin: 0;
    padding: 0;
    font-family: 'Trebuchet MS';
    font-weight: bold;
    font-size: 10px;

}
div#topBar {
	font-size: 10px;
	padding-top: 8px;
	height: 20px;
}
div#topBar span {
	color: #909090;
	font-weight: bold;
}
div#topBar a {
	color: #c68f1a;
}
div#topBar a:hover {
	text-decoration: none;
}
div#top {
	position:relative;
}

/* = Logo
************************************************************** */
div#logo {
	overflow: hidden;
	font-size: 1px;
	text-indent: -1000px;
	float: left;
}
div#logo a {
	display: block;
	width: 100%;
	height: 100%;
}

div#logo-text {
	background: url('../img/logo-text.png') no-repeat right top;
	margin-top: 20px;
	margin-left: 30px;
	width: 280px;
	height: 65px;
	overflow: hidden;
	font-size: 1px;
	text-indent: -1000px;
	float: left;
}

@font-face {
    font-family: 'museo700';
    /*src: url('/fonts/museo700-regular-webfont.eot');*/
    src: url('/fonts/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/museo700-regular-webfont.woff') format('woff'),
         url('/fonts/museo700-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}




@font-face {
    font-family: 'museo900';
    /*src: url('/fonts/museo900-regular-webfont.eot');*/
    src: url('/fonts/museo900-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/museo900-regular-webfont.woff') format('woff'),
         url('/fonts/museo900-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}

/* = Zapytaj Polonistę
************************************************************** */

div#ask-link a {
	display: block;
	height: 25px;
	text-align: right;
	background:url('../img/zapytaj-link.png') no-repeat right;
	padding-right: 30px;
	padding-top: 12px;
	color: #0066cc;
        float: right;
}
div#ask-link a:hover {
	text-decoration: none;
}
/* = Wyszukiwarka
************************************************************** */

div#search form {
	clear: none;
}
div#search  form label {
	display: none;
}
div#search div.input input {
    font-size: 11px;
    border: 1px solid #dddddd;
    font-family: Arial;
    font-size: 1.4em;
    color: #737373;
}
div#search form div.submit input:hover {
	/*background: url('../img/btn_search.png') no-repeat 0px -25px;*/
}

/* = Menu
************************************************************** */
* {
	margin: 	0;
	padding: 	0;
}

img {
	border: 	0px;
}

#menu-container{
    height: 47px;
    position: relative;
    background: #5E8DC4;
    
}
#menu{
  background: #888;
  font: 13px Arial, Verdana, Tahoma;
  display: block;
  float: none;
  position: relative;
}

ul#menu li{
  list-style-type: none;
  float: left;
  background: #fff;
}
ul#menu li a{
  display: block;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  font-size: 16px;
  border: 1px solid #dddddd;
  border-right: none;
  padding: 13px 19px 13px 20px;
  font-family: 'museo700';
  text-transform: uppercase;
  height: 19px;
}

ul#menu li a:hover, .menu-active{
    border-top: 1px solid #c7911f; 
    background: url('/img/menu-hov.png') repeat-x top;
}

ul#menu li a.podzial{
background: url('../img/menu-podzial.png') no-repeat;
display:block;
width: 3px;
height: 42px;
}
ul#menu li a.odstep{
	display:block;
	width: 250px;
	height: 42px;
}
ul#menu li a.wypracowania{
	display:block;
}
ul#menu li a.books {
display:block;

}

ul#menu li a.authors {
display:block;

}

ul#menu li a.ages {

display:block;

}

ul#menu li a.themes {

display:block;

}

ul#menu li li .tt{
  width: 160px;
  color: black;
  padding-left: 10px;
  padding-top: 10px;
  font-weight: 100;
  cursor: pointer;
}
ul#menu li li .tt:hover{
	color: #408cd7;
	background: #f3f2f4;
}
ul#menu li li:hover{
  background: #999;
}

ul#menu li ul{
  display:none;
  position: absolute;
}

ul#menu li:hover ul{
  position: absolute;
  padding:0;
  display: block;
  width: 160px;
  top: 39px;
}

ul#menu li a.download-app{
	background: url('/img/download-app.png') no-repeat;    
        display: block;
        width: 182px !important;
        height: 20px;
        border: none;
        border: none !important;
}

.test {
display: none;
position: absolute;
top: 0px;
border: solid #b48318 3px;
background: #f3f2f4;
width: 200px;
height: 260px;
z-index: 3000;
}
ul#menu li.list {
background: #F3F2F4;
}
ul#menu li.list:hover {
background: #F3F2F4;
}
/* = Block nawigacyjny
************************************************************** */
div#block-navigation {
	width: 830px;
	height: 85px;
	clear: both;
}
div#block-navigation div.left {
	background: url('../img/block.png') no-repeat left top;
	width: 12px;
	float: left;
	height: 85px;
}
div#block-navigation div.right {
	background: url('../img/block.png') no-repeat 0px -85px;
	width: 12px;
	float: right;
	height: 85px;
}
div#block-navigation div.content {
	height: 75px;
	padding: 5px 0px 5px 0px;
	background: url('../img/block.png') repeat-x 0px -170px;
}
div#block-navigation table{
	width: 852px;
}
div#block-navigation table th {
	color: #e46a25;
	font-weight: bold;
	text-align: center;
	height: 15px;
}
div#block-navigation table td.or {
	color: #aaaaaa;
}
div#block-navigation table th.const-width{
	width: 190px;
}
div#block-navigation table td {
	padding-top: 5px;
	text-align: center;
}
div#block-navigation select {
	width: 155px;
}


/* = Okruszki
************************************************************** */
.pagetree { width: 960px; margin-left: 15px; padding-bottom: 10px; background: url('../img/tree-shadow.png') repeat-x bottom left;}
.pagetree a { color: #4c4c4c; font-size: 11px; font-family: 'Arial';}
.pagetree a:hover { color: black; }
.pagetree a.last { font-weight: bold; }
.pagetree span.last { font-weight: bold; font-size: 11px; font-family: 'Arial'; color: red; text-decoration: underline;}


/* = Tre�� strony
************************************************************** */
div#content-main { 
	font-family:  "Trebuchet MS",Georgia,Times,Sans-Serif;
}

h1.content_title {
    line-height: 10px;
    position: relative;
    float: left;
    color: #909090;
    margin: 8px 6px 0 0;
    padding: 0;
    font-family: 'Trebuchet MS';
    font-weight: bold;
    font-size: 10px;
}

h2.content_title, h1, h1.ct {
	color: black;
	line-height:24px;
	margin-bottom: 15px;
	margin-left: 5px;
        font-family: "museo700";
        font-weight: normal;
}

h2 {
	color: #e67c40;
	margin-top: 20px;
	margin-bottom: 5px;
	font-weight: Bold;
	font-size: 16px;
	
}
h1 a, h2 a {
	color: #e67c40;
}
h3 {
	font-weight: Bold;
	margin-top: 20px;
	margin-bottom: 5px;	
}

div#content h3 { 
    display: inline; 
    margin: 0; 
    font-family: 'museo700';
}

div#content-main span.author {
    display: block;
    margin: 0 0 0 7px;
}

div#content-main div.text,
div#content-main p {
	color: #000;
	text-align: justify;
}
div#content-main p span{
    font-family: Arial !important;
    font-size: 12px !important;
}
div#content-main  {
	line-height: 18px;
	color: #333;
	text-align: justify;
}
div#content-main ul {
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 18px;
	color: #333;
	text-align: justify;
	list-style-type: circle;
	margin-left: 35px;
}
div#content-main li {
	margin-left: 10px;
	padding-left: 10px;
}
div#content-main ul li {
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-type: circle;
}
p.cytat, blockquote {
	display: block;
	border: 1px Solid #ccc;
	padding: 15px;
	text-align: center;
	font-size: 14px;
	color: #555;
}

div#content-main div#longlist a{
	color: black;
	font-size: 14px;
	text-decoration: none;
}
div#content-main div#longlist a:hover{
	color: #408cd7;
}
/* = pagination
************************************************************** */
div#pagination {
	margin: auto;
	text-align: right;
	color: #0066cc;
	margin-top: 10px;
        clear: both;
        font-size: 1.2em;
}

div#pagination a.t {
    display: none;
}

#pagination .selected-page {
    padding: 1px 10px;
    border: 1px #EDEDED solid;
    background-color: #bbbbbb;
    font-family: arial;
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
    margin: 0px 2px;
    display: inline-block;
}
#pagination a {
    display: inline-block;
    font-family: arial;
    margin: 0 3px;
    padding: 0px;
    font-size: 12px;
    color: #000000!important;
    padding: 1px 8px;
    background-color: #EDEDED;
    text-decoration: none;
    line-height: 20px;
    border: 1px #bbbbbb solid;
}

/* = Boxy
************************************************************** */
.box {
margin-top: 55px ;
float: left;
width: 225px;
color: #000041;
font-size: 16px;
margin-right: 5px;

}
.box-top{
color: #000041;
font-size: 16px;
background: url('../img/box-underline.png') repeat-x bottom;
}
div#content-main  .box li {
display: block;
list-style: none;
margin: 0;
padding: 0;
height: 50px;
border-bottom: 1px dotted black;
background: url('../img/box-arrow.png') no-repeat right;
}
div#content-main  .box ul {
list-style: none;
margin: 0;
padding: 0;
}
div#content-main  .box a {
margin-top: 25px;
color: #000041;
font-weight: bold;
font-size: 11px;
display: block;
}
div#content-main  .box li a {
margin-top: 0px;
padding-right: 10px;
padding-top: 5px;
height: 50px;
color: #0066cc;
font-weight: bold;
font-size: 12px;
text-decoration: none;
padding-left: 5px;
display: block;
}
div#content-main  .box li a:hover {
background: url('../img/box-link-shadow.png') no-repeat;
display: block;
}


div#content-main  .box span{
display: block;
color: #4e4e4e;
font-size: 11px;
font-family: 'Arial';
}
.box2 {
color: #000041;
font-size: 16px;
}
.box2-top{
color: #000041;
font-size: 16px;
background: url('../img/box-underline.png') repeat-x bottom;
}
div#content-main .box2 li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}

div#content-main  .box2 ul {
list-style: none;
margin: 0;
padding: 0;
}
div#content-main  .box2 a {
margin-top: 25px;
color: #000041;
font-weight: bold;
font-size: 11px;
display: block;
}
div#content-main  .box2 li a {
margin-top: 0px;
font-weight: bold;
text-decoration: none;
}
/*div#content-main  .box2 li a:hover {
background: url('../img/box2-link-shadow.png') repeat-x bottom #f3f7fb;
display: block;
}*/


div#content-main  .box2 span{
display: block;
font-weight: 100;
line-height: 15px;
}



/* = Bloki
************************************************************** */

div#content-navigation  div#themes {
    margin: 30px 0 0 13px;
}
div.wycieczka {
	margin: 0 0 0 11px;
}
div#content-navigation  div#themes-h3 h3 {
	font-weight: bold;
	color: #000041;
	font-size: 24px !important;
	display: block;
	border-bottom: 1px #cccccc solid;
	margin: 0;
	height: 30px;
	width: 265px;
	background: none;
	}
div#content-navigation div#helena {
	background: url('../img/helena.png') no-repeat left;
	width: 270px;
	height: 203px;
	margin: 30px 0 0 12px;
	}
div#content-navigation div#helena div#helena-title {
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	padding-right: 20px;
	padding-top: 25px;
	}
div#content-navigation div#helena div#helena-content {
	text-align: right;
	font-size: 16px;
	font-weight: 100;
	padding-right: 20px;
	}
div#content-navigation div#helena div#helena-blog {
	text-align: right;
	font-weight: 100;
	padding-right: 20px;
	margin-top: 20px;
	}
div#content-navigation div#helena div#helena-blog a{
	color: #0066cc;
	font-size: 12px;
	}
div#content-navigation div#helena div#helena-zapytaj{
	width: 124px;
	height: 31px;
	margin-top: 50px;
	margin-left: 125px;
	}
div#content-navigation div#themes ul {
    width: 275px;
}	
div#content-navigation div#themes li{
    display: block;
    height: 18px;
    margin-top: 5px;
    float: left;
    margin-right: 7px;
    list-style: none;

}
div#content-navigation div#themes a{
color: black;
font-size: 12px;
background: url('../img/bc-arrow.png') no-repeat left;
padding-left: 5px;
text-decoration: none;

}
div#content-navigation div#themes a:hover {
    text-decoration: underline;

}
div#content-navigation div#themes a.all-themes{
	color: #0066cc !important;
	text-align: right !important;
	margin-right: 20px !important;
	margin-top: 10px !important;
	font-size: 12px !important;
	font-weight: bold !important;
	}



div.block {
	margin-top: 15px;
	margin-bottom: 15px;
}
div.block-top{
	width: 279px;
	background: url('../img/bt.png') no-repeat top left;
	height: 8px;
	margin: auto;
}
div.block-content {
	min-height: 60px;
	line-height: 13px;
	overflow: hidden;
}
div.block-bottom {
	background: url('../img/bb.png') no-repeat top left;
	height: 16px;
	width: 279px;
	margin: auto;
}
div.block ul {
	list-style-type: none;
}

div.block a {
        color: #000;
        text-decoration: none;
        font-weight: bold;
	display: block;
}

div.block a:hover {
	text-decoration: none;
}
div.block a:visited {

}
div.block a.arrow {
	display: block;
	text-decoration: none;
        font-weight: normal;        
}
/*div.block a.arrow:hover {
	color: #0066cc !important;
}*/
/*div.block a.arrow:link {
	text-decoration: none;
	color: black;
}*/
/*div.block a.arrow:visited {
	color: black;
	text-decoration: none;
}*/
.block-title {
	margin: auto;
	color: black;
	font-size: 16px;
	font-weight: bold;
	height: 15px;
	margin-bottom: 10px;
	margin-top: 3px;
	padding-bottom: 15px;
}
.block-title a, h3 { 
	color: black;
	text-decoration: none;
	/*font-size: 100% !important;*/
}
div#tags {
	color: #745b26;
	font-size: 24px;
	border-bottom: solid 1px #ac9d7d;
	height: 30px;
	width: 273px;
	margin-top: 30px;
}
div#tags-content-top {
	background: url('../img/tag-background-top.png') no-repeat;
	height: 7px;
}
div#tags-content {
	width: 260px;
	overflow: hidden;
}

div#tags-content ul{
	margin-right: 5px;
}
div#tags-content li{
	float: left;
	height: 20px;
	font-size: 14px;
}
div#tags-content li a{
	text-decoration: none;
	color: black;
}
div#tags-content li a:hover{
	color: red;
	text-decoration: underline;
}
div.see-all-tags {
	text-align: right;
	margin-right: 20px;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
}
div.see-all-tags a{
	color: #0066cc;
}
div.see-all-tags a:hover{
	text-decoration: none;
}

div#top-site {
font-family: 'Arial';
color: #0066cc;
font-size: 12px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
float: right;

}
div#top-site a{
color: #0066cc;
padding-top: 5px;
height: 19px;
width: 135px;
display: block;
background: url('../img/top-arrow.png') no-repeat top right;
}

div#top-site a:hover{
text-decoration: none;
display: block;
background: url('../img/top-arrow.png') no-repeat top right;
background-position: 100% -25px;
}
/* = Stopka strony
************************************************************** */
/*
************************************************************** */

#sredniowiecze_block,#renesans_block,#oswiecenie_block,#console_block,#test_block, #starozytnosc_block {
	/*background: url('../img/all-ages-background.png') no-repeat;*/
	padding: 0;
	}


div#content-main ul.tabs{
	list-style-type: none;
	margin: 0;

}
div#content-main li.active{
	list-style-type: none;
	color: red;

}
div#content-main #all-ages .holder li {
padding-top: 2px;

}
div#content-main #all-ages .holder li a {
font-weight: 100;
}
div#content-main #all-ages .holder li.list a{
color: #666666;
font-size: 11px;
text-decoration: underline;
}
div#content-main #all-ages #ages-link{
    font-family: 'museo700';
}

div#ages-link li h2{
    position: relative;
    z-index: 1000;
    line-height: 1.4em;
}


#program_tabs li{
    position: relative;
}

.wl, .wl2{
    color: #fff !important;
}



div#content-main #all-ages #ages-link  li.active a:hover {
background: none;
display: block;
height: 32px;
}

div#content-main #all-ages #ages-link ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#content-main #all-ages #ages-link li{
	list-style-type: none;
	display:block;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;

}
div#content-main #all-ages #ages-link a{
	display: block;
}
/*div#content-main #all-ages #ages-link a:hover{
        display: block;
        font-size: 13px;
        color: black;
        background: url('../img/ages-arrow-hover.png') no-repeat;
        height: 32px;
}*/
div#content-main #all-ages li{
	list-style-type: none;
	padding: 0px;

}

#all-ages .tab li a{
    padding-left: 10px;
    font-size: 1.1em;
}

div#content-main #all-ages ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	text-align: left;

}
div#content-main #all-ages ul a{
text-decoration: none;
font-size: 13px;
font-weight: normal;

}


div#content-main #all-ages h3{
	margin: 0px;
	padding: 0px;
	display: block;
        font-weight: normal;
}
div#content-main #all-ages a{
    color: #006cbf;
}
div#content-main #all-ages .ages-bottom-link {
	margin-top: 10px;
	margin-left: 10px;
}
div#content-main #all-ages .ages-bottom-link a{
display:block;
width: 155px;
color: #0066cc;
font-size: 12px;
height:23px;
padding-top: 3px;
background: url('../img/next-arrow.png') no-repeat right top;
}
div#content-main #all-ages .ages-bottom-link a:hover{
display:block;
width: 155px;
color: #0066cc;
font-size: 12px;
height:23px;
padding-top: 3px;
background: url('../img/next-arrow.png') no-repeat right top ;
background-position: 100% -26px;
}
div#content-main #all-ages .ages-bottom-link2 {
	margin-top: 10px;
	margin-left: 10px;
}
div#content-main #all-ages .ages-bottom-link2 a{
display:block;
width: 120px;
color: #0066cc;
font-size: 12px;
height:23px;
padding-top: 3px;
background: url('../img/next-arrow.png') no-repeat right top;
}
div#content-main #all-ages .ages-bottom-link2 a:hover{
display:block;
width: 120px;
color: #0066cc;
font-size: 12px;
height:23px;
padding-top: 3px;
background: url('../img/next-arrow.png') no-repeat right top ;
background-position: 100% -26px;
}

/* Stylesheet for my demo pages for jScrollPane - these styles aren't necessary for using jScrollPane and aren't specific to any particular example */

a.jScrollArrowUp {
	background: url(../img/basic_arrow_up.gif) repeat-x 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	background: url(../img/basic_arrow_down.gif) repeat-x 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}


.orange-bar .jScrollPaneTrack {
	background: #f60;
}
.orange-bar .jScrollPaneDrag {
	background: #00f url(../img/drag_grab.gif) no-repeat 50% 50%;
}
.orange-bar .scroll-pane {
	background: #69f;
}
		
.holder {
        border-bottom: 1px solid #dddddd;
        background: #f6f6f6; /* Old browsers */
        background: -moz-linear-gradient(top,  #f6f6f6 0%, #f6f6f6 64%, #eeeeee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(64%,#f6f6f6), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #f6f6f6 0%,#f6f6f6 64%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #f6f6f6 0%,#f6f6f6 64%,#eeeeee 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #f6f6f6 0%,#f6f6f6 64%,#eeeeee 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #f6f6f6 0%,#f6f6f6 64%,#eeeeee 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */   
}
.holder2 {
	float: left;
	width: 690px;
}
.holder3 {
}

#home-ages-container{
    border: 1px solid #dddddd; 
}

#age-main-link{
    float: right; 
    font-size: 1.2em;
    margin: 20px 20px 0 0;
}
.scroll-pane {
	width: 200px;
	height: 400px;
	overflow: auto;
	float: left;
}
.scroll-pane2 {
	width: 180px;
	overflow: auto;
	background: #f3f2f4;
	float: left;
}

.wide {
	width: 400px;
}

.super-wide {
	width: 700px;
}

.tall {
	height: 600px;
}

#pane1 {

}
#pane1, #pane2, #pane3, #pane4, #pane5, #pane6, #pane7{
	height: 450px;
	width: 230px;
	margin-left:5px;
	background: transparent;
}
.frame {
	margin: 0;
	height: 100px;
	
}

/* alfabetyczna lista*/
#c_ablock, #d_ablock {
display: none;
	}
div#content-main p.content-subtitle {
	font-weight: bold;
	color: #000041;
	font-size: 18px;
	display: block;
	background: url('../img/subtitle-underline.png') repeat-x bottom;
	margin: 0;
	margin-top: 50px;
	}
#alphabet-background{
background: url('../img/alphabet-background.png') repeat-x bottom;
min-height: 27px;
margin: 0;
}
div#content-main div#alphabet ul {
display: block;

}
div#content-main div#alphabet li {
display: inline;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
height: 28px;
width: 21px;
margin-top: 5px;
}
div#content-main div#alphabet li  a{
text-decoration: none;
color: #0066cc;
font-size: 14px;
font-weight: bold;
display: block;
text-align: center;

}
div#content-main div#alphabet li.alphaactive {
background: url('../img/alpha-link.png') no-repeat;
}
div#content-main ul.frames{
	margin: 0;
}	


#alpha_frames {
}
div#content-main div#alphabet .scroll-pane{
margin: 0;
}
div#content-main div#alphabet .scroll-pane ul{
margin: 0;
color: red;
float: none;
text-align: left;
}
div#content-main div#alphabet .scroll-pane li{
margin: 0;
color: red;
width: 200px;
height: auto;
text-align: left;
float: none;
margin-bottom: 5px;
display: inline-block;
}
div#content-main div#alphabet .scroll-pane a{
margin: 0;
width: 200px;
font-size: 12px;
color: black;
text-align: left;
height: auto;
display: inline-block;
vertical-align: middle;
}
div#content-main div#alphabet .scroll-pane span{
margin: 0;
font-size: 11px;
color: #4e4e4e;
}
/* 

/* scroll-bars
************************************************************** */
			.osX .jScrollPaneTrack {
				background: url(../img/suw.png) repeat-y center center;
			}
			.osX .jScrollPaneDrag {
				background: url(../img/scroll.png) no-repeat center center #C6911E;
			}
			.osX .jScrollPaneDragTop {
				/*background: url(../img/osx_drag_top.gif) no-repeat;*/
				height: 6px;
			}
			.osX .jScrollPaneDragBottom {
				/*background: url(../img/osx_drag_bottom.gif) no-repeat;*/
				height: 7px;
			}
			.osX a.jScrollArrowUp {
				height: 1px;
                                background: url(../img/suw.png) repeat-y top center;
			}
			.osX a.jScrollArrowDown {
				height: 1px;
				background: url(../img/suw.png) repeat-y top center;
			}

			.osX2 .jScrollPaneTrack {
				background: url(../img/osx_track.gif) repeat-y;
			}
			.osX2 .jScrollPaneDrag {
				background: url(../img/osx_drag_middle.gif) repeat-y;
				height:14px !important;
			}
			.osX2 .jScrollPaneDragTop {
				background: url(../img/osx_drag_top.gif) no-repeat;
				height: 6px;
			}
			.osX2 .jScrollPaneDragBottom {
				background: url(../img/osx_drag_bottom.gif) no-repeat;
				height: 7px;
			}
			.osX2 a.jScrollArrowUp {
				height: 24px;
				background: url(../img/osx_arrow_up.png) no-repeat 0 -30px;
			}
			.osX2 a.jScrollArrowUp:hover {
				background-position: 0 0;
			}
			.osX2 a.jScrollArrowDown {
				height: 24px;
				background: url(../img/osx_arrow_down.png) no-repeat 0 -30px;
			}
			.osX2 a.jScrollArrowDown:hover {
				background-position: 0 0;
			}
			
			.left .jScrollPaneTrack {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowUp {
				left: 0;
				right: auto;
			}
			.left a.jScrollArrowDown {
				left: 0;
				right: auto;
			}
		
			
			/* IE SPECIFIC HACKED STYLES */
			* html .osX .jScrollPaneDragBottom {
				bottom: -1px;
			}
			/* /IE SPECIFIC HACKED STYLES */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* = CAKE
************************************************************** */
table.cake-sql-log  {
	width: 80%;
	margin: 0 auto;
	font-size: 11px;
	color: #333;
	border: 2px Solid Green;
	border-collapse: collapse;
}

table.cake-sql-log td, table.cake-sql-log th {
	border: 1px Solid #777;
	padding: 3px;
}
table.cake-sql-log th {
	font-weight: Bold;
	font-size: 12px;
}

/* Paging */
div.paging {
	margin-top: 10px;
	font-family: Arial;
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}


/* Forms */
div#content form {
	clear: both;
	padding: 0;
	margin: 0 auto;
}
div#content  fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
}
div#content  fieldset legend {
	background:#fff;
	color: #e67c40;
	font-size: 160%;
	font-weight: bold;
}
div#content  fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
div#content  fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
	margin-left: 20px;
}
div#content  fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
div#content  form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
div#content  form div.input {
	color: #444;
}
div#content  form div.required {
	color: #333;
	font-weight: bold;
}
div#content  form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
div#content  label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
	margin-bottom: 5px;
	font-weight: Bold;
}
div#content  input, textarea {
	clear: both;
	display: block;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
div#content  select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
div#content  select[multiple=multiple] {
	width: 100%;
}
div#content  option {
	font-size: 120%;
	padding: 0 3px;
}
div#content  input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div#content  input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/*  Actions  */
div.actions {
	padding-bottom: 5px;
	border-bottom: 2px Solid #777;
}
div.actions ul {
	margin: 0px 0;
	padding: 0;
	text-align: right;
	padding-right: 7px;
}
div.actions li {

	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2em 0 0;
	white-space: nowrap;
}
div.actions ul li a {
	border: 1px Solid #D7D7D7;
	background-color: #F0F0F0;
	padding: 5px 5px;
	color: #C68F1A;
	font-weight: Bold;
	text-decoration: none;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	color: Green;
}
div.actions ul li a img { 
	margin-right: 5px;
	vertical-align: middle;
}
div.actions ul li a:hover {
	text-decoration: none;
	background-color: White;
}

/* Notices and Errors */
div.message {
	clear: both;
	color: #900;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
	margin-left: 15px;
}
div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}


div.index table {
	width: 95%;
	margin: 5px auto;
	border-collapse: collapse;
	/*background-color: #E6E6E6;*/
	font-family: Arial;
}
div.index table th {
	background: #ccc;
	border: 1px Solid #ccc;
	padding: 3px;
	font-weight: bold;
	color: #7BB66D;
	background: url('../img/_admin_table_th.png') repeat-x;
	height: 37px;
	padding: 0px 8px;
	vertical-align: middle;
}
div.index table td {
	border: 1px Solid #ccc;
	padding: 3px;
	font-size: 10px;
	color: #333;
	vertical-align: middle;
}
div.index table td.title { 
	color: #CD5C5C;
	font-weight: bold;
	background-color: #F8FAF8;
	font-size: 12px;  
}
div.index table td.title a {
	color: #CD5C5C;
	text-decoration: none;
	border-bottom: 1px Dotted #CD5C5C;
}
div.index table td.title a:hover {
	color: #CD5C5C;
	text-decoration: none;
	border-bottom: 0px;
}
div.index table td.actions { 
	background-color: #F8FAF8;
}

strong, b { font-weight: Bold; }

div#look-all a{
background:url('../img/look-all.png');
height: 32px;
}

div#payments { border-bottom:#690808 solid 2px; background:#a40d0d; width:660px; height:150px; margin: auto;clear: both;}
div#right_pay { background:#a40d0d; float:left; width:278px; height:150px; position:relative; margin: 0px auto;}
div#left_pay { background:#FFFFFF; float:left; width:378px; height:144px; position:relative; margin-top: 3px;}

div#title_pay { position:absolute; left:21px; top:18px; font-size:18px !important; font-weight:bold !important; color:white !important; font-family:'Trebuchet MS'; }
div#text_pay { text-align: left !important; position:absolute; left:22px; top:48px; font-size:12px; color:white; font-family:'Arial'; width:250px;}
ul#list_pay { list-style-type: none !important; position:absolute; left:10px; top:84px; padding: 0px; padding-top: 0px !important; margin-top: 0px !important; line-height:15px; text-align: left !important;}
ul#list_pay li { list-style-type: none !important; height: 17px; font-size:12px; padding: 0px !important; margin: 0px !important; color:#000000; font-weight:bold; font-family:'Trebuchet MS'; list-style: none; padding-left: 0; }
div#code-t a {color: #fff}
div#code-t a:hover {text-decoration: none;}
div#textkod_pay { position:absolute; left:35px; top:15px; font-family:'Trebuchet MS'; font-size:12px; width:295px; }
strong.strong { font-weight: 900; }

div#mobile { background:transparent url('../img/mobile.png') no-repeat scroll 0 0; width:130px; height:83px; position:absolute; top:61px; left:0px; }

input.form_pay { position:absolute; left:148px; top:65px; width: 100px !important; border: 2px solid #b3b3a0; display: inline; margin-top: 2px; color: black; width: 112px; height:16px; font-size: 12px !important;}
input.button_pay { border: none; position:absolute; left:265px; top:60px; background:url('../img/submit.png') transparent no-repeat; width:75px !important; height:37px !important; cursor: pointer;  }
a#see-more-link {font-family:'Trebuchet MS'; font-weight: bold; color: #a40d0d; text-decoration: none; font-size: 26px;}
a:hover#see-more-link {text-decoration: none;}
div#how_much_pay { color:#666666;
font-family:'Trebuchet MS';
font-size:12px;
height: 18px;
font-variant:small-caps;
left:130px;
line-height:14px;
position:absolute;
top:107px;
width:200px; }
div#pay { font-size:28px; color:#d80303; font-weight:bold; display:inline; width:20px;  }

.highlight {
    font-weight: bold;
}
.clear {
    clear: both;
}
div.autor-profile {
    font-size: 12px;
    margin: 10px 0 10px 0;
}
div.autor-profile a {
    color: #06C;
}
div.autor-profile a:hover {
    color: #06C;
    text-decoration: none;
}
div.banner {
    margin: auto;;
}
div#toph1 div.h1 {
    margin-left: 5px; float: left
}
div#toph1 div.links {
    margin-right: 5px; text-align: right; color:#909090;font-family:'Trebuchet MS'; font-size:10px; font-weight:bold;
}
div#toph1 div.links a {
    color:#909090;
}
.ads{
    z-index: 999999998;
    position: relative;
}

/*link-fotter css*/
#footer{
    clear: both;
    border-top: 1px solid #dbdbdb;
    padding-top: 16px;
    padding-bottom: 20px;
    font-family: Arial;
    position: relative;
}

#footer-logo{
    width: 118px;
    border-right: 1px solid #dbdbdb;
    float: left;
}

#footer-menu{
    font-weight: bold;
    padding-top: 10px;
    padding-left: 10px;
    right: 0;
    margin-left: 5px;
    font-size: 14px;
}
#footer>div:first-of-type {
    display: inline-flex;
    text-align: right;
}
.footer-menu-sep{
    color: #dbdbdb !important;
    margin: 0 5px;
}

#footer-copyright{
    padding-top: 15px;
    color: #9a9a9a;
    font-size: 10px;
}
#footer-links p.bold {
    font-size: 12px;
}
#footer-link-list {
    margin-top: 10px;
    line-height: 1.7em;
}
.bold{
    font-weight: bold;
}
#footer-menu a, #footer-links a{
    color: #424242;
    text-decoration: none;  
}
#footer-links{
    padding-top: 15px;
    font-size: 12px;
    color: #424242;
}
#footer-copyright{
    padding-top: 15px;
    color: #9a9a9a;
    font-size: 10px;
}
#footer-link-list{
    margin-top: 10px;
    line-height: 1.7em;
}
.inlb{
    display: inline-block;
}
/*link-fotter css end*/

.foot-info{
    font-weight: normal !important;
    font-size: 0.8em;
    margin-bottom: 10px;
    padding: 0 5px;
}

.fb-like{
    position: absolute !important;
    right: 13px;
    top: 14px;
}

#lb-block{
    background: url('/img/lb-block.png');
    width: 254px;
    height: 47px;
    display: inline-block;
    position: relative;
}

#print-block{
    background: url('/img/print-button.png');
    width: 108px;
    height: 47px;
    display: inline-block;
}

#app-block{
    background: url('/img/app-download-btn.png');
    width: 210px;
    height: 47px;
    display: inline-block;
}


.underline{
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}
#ageslist{
    border-left: #dfe8f3 solid 1px;
    margin-left: 20px;
}
#mobile-ageslist {
    display:none;
    margin:10px;
    border:solid 1px #dedede;
}
#mobile-ageslist li {
    line-height:41px;
    border-bottom: solid 1px #dedede;
    padding: 0 15px 0 15px;
}
#mobile-ageslist li a {
    text-decoration:none;
    font-size:15px;
    font-weight:normal;
    font-family:museo700;
    display:block;
    width:100%;
    height:100%;
}
#ageslist h3{
    font-size: 1.2em !important;
    padding: 12px 0 10px 0;
    display: block !important;
    background: url('/img/ages-list-bg.png') left center no-repeat;
    padding-left: 40px;
    margin-left: -10px !important;
}

#ageslist a{
    color: #006cbf;
    text-decoration: none;
    font-family: Arial !important;
}

#index-panel{
    /*border: solid 1px #dddddd;*/
    text-transform: uppercase;
    font-weight: bold;
}



#index-panel span{
    display: inline-block;
    padding: 7px 0;
    width: 32px;
    position: relative;
    text-align: center;
}

#index-panel span a {
    text-decoration: none;
    color: #000;
}

#authors-list h3 a{
    color: #000;
    font-size: 1.3em;
    text-decoration: none;
}

#authors-list h3{
    display: block !important;
    margin-top: 20px !important;
}

.panel-border{
    border: 1px solid #dddddd;
}
#index-panel .active a{
    color: #fff;
    z-index: 100;
    position: relative;
}
#index-panel div#marked{
    background: url('/img/marker1.png');
    width: 26px; 
    height: 46px;
    position: absolute;
    top: -1px;
    left: 3px;
    z-index: 99;
}

#bookspanel{
    padding-bottom: 20px;
}


div#content-main .book-lis-block {
    text-align:left;
}

.book-lis-block a {
    color: #006cbf;
    text-decoration: none;
    font-size: 1.1em;
}



#search-main ul li p.small-link {
    color: #096ce0; 
    font-family:arial,sans-serif; 
    font-size: 12px;
    margin-bottom: 0;
}


#app-pic{
    background: url('/img/app-pic.png');
    height: 505px;
    width: 260px;
    display: block;
    border: none;
}

a img{
    border: none;
}

#themes-list{
    padding-top: 20px;
}

.index-panel-category{
    display: inline-block;
    text-decoration: none;
    color: #000;
}

#bookspanel a.active{
    background: #5E8DC4;
    color: #fff;
}



#intertext1 p{
    font-family: Arial !important;
}

.bl{
    color: #000;
}

.gray-right-arrow {
    background: none;
}

.gray-left-arrow {
    background: none;
}

.only-mobile {
    display:none;
}
#mobile-footer, .mobile-footer-div{
	display: none;
}
form.gsc-search-box{
	display: none;
}
.gsc-control-cse{
	padding: 0;
}
.gsc-thumbnail-inside{
	padding-left: 0 !important;
}
.gsc-url-top{
	padding-left: 0 !important;
}
.gsc-table-cell-thumbnail{
	display: none !important;
}
.gsc-control-cse .gsc-table-result{
	padding-left: 0;
}
.gsc-result .gs-title{
	height: 100% !important;
}
.gsc-results .gsc-cursor-box{
	margin: 0 !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    border: 1px #bbbbbb solid !important;
    padding: 1px 8px;
    background-color: #EDEDED !important;
    font-family: Arial;
    font-size: 12px;
    line-height: 20px;
    display: inline-block !important;
    color: #000 !important;
    margin-right: 5px !important;
    margin-top: 5px;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page{
	color: #ffffff !important;
    background-color: #bbbbbb !important;
}
@media all and (max-width:999px) {
    .only-mobile {
        display:block;
    }
    #comment_form textarea {width:98%}
    #comment_form input[type="submit"] {left:0 !important;top:1px !important}
    .gray-right-arrow {
        background: url('/img/mobile/gray_next.png') no-repeat 97% center / 10px 16px;
    }
    .gray-left-arrow {
        background: url('/img/mobile/gray_prev.png') no-repeat 3% center / 10px 16px;
    }
    #ageslist {
        display:none;
    }
    #mobile-ageslist {
        display:block;
    }
    ul li a {
        color:#006cbf !important;
    }
    body {
        overflow-x: hidden;
        background-color: #F6F6F6;
    }
    div#content {
        width: 100%;
    }
    div#content-navigation {
        clear: both;
    }
    div#container {
	width: 100%;
        background-color: #F6F6F6;
    }
    div#container-bottom{
        width: 100%;
    }
    div#toph1 {
        width: 100%;
    }
    #menu-container{
        width: 100%;
    }
    div.banner {
        width: 100%;
    }
    div#search div.input input {
	width: 100%;
    }
    div#top {
	min-height: 65px;
    } 
    #header-container {
        height: 65px;
        border-bottom: 1px solid #E7E7E7;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F6F6F6));
        background: -webkit-linear-gradient(top, #FFF, #F6F6F6);
        background: -moz-linear-gradient(top, #FFF, #F6F6F6);
        background: -ms-linear-gradient(top, #FFF, #F6F6F6);
        background: -o-linear-gradient(top, #FFF, #F6F6F6);
    }
    #menu-container {
        display: none;
    }
    
    #footer {
        margin: 0 5px 10px 5px;
    }
    a.toggle {
        display: block;
        width: 66px;
        height: 65px;
        margin: 0;
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F6F6F6));
        background: -webkit-linear-gradient(top, #FFF, #F6F6F6);
        background: -moz-linear-gradient(top, #FFF, #F6F6F6);
        background: -ms-linear-gradient(top, #FFF, #F6F6F6);
        background: -o-linear-gradient(top, #FFF, #F6F6F6);
        border-left: 1px solid #E7E7E7;
        border-right: 1px solid #E7E7E7;
    } 
    a#menu-toggle {
        float: left;
        background-image: url('/img/mobile/menu.png');
        background-size: 36px 31px;
        background-repeat: no-repeat;
        background-position: center;
    }
    a#menu-toggle.open {
        background-color: #FFF;
        background-image: url('/img/mobile/search_close.png');
        background-size: 21px 20px;
        background-repeat: no-repeat;
        background-position: center;
        border-bottom: none;
    }
    #menu-container-mobile {
        width: 100%;
        position: relative;
        z-index: 2147483647;
        max-height: 0px;
        overflow: hidden;
        -webkit-transition: max-height 0.2s ease-in;
        -moz-transition: max-height 0.2s ease-in;
        -ms-transition: max-height 0.2s ease-in;
        -o-transition: max-height 0.2s ease-in;
        transition: max-height 0.2s ease-in;
        color: #000;
    }
    #menu-container-mobile.open {
        display: block;
        max-height: 2000px;
        -webkit-transition: max-height 0.2s ease-in;
        -moz-transition: max-height 0.2s ease-in;
        -ms-transition: max-height 0.2s ease-in;
        -o-transition: max-height 0.2s ease-in;
        transition: max-height 0.2s ease-in;
    }
    #menu-container-mobile ul#menu-mobile {
        list-style-type: none;
        background-color: #fff;
        border-top: 1px solid rgb(218, 218, 218);
        border-bottom: 2px solid rgb(218, 218, 218);
        border-left: 1px solid rgb(218, 218, 218);
        border-right: 1px solid rgb(218, 218, 218);
    }
    #menu-container-mobile ul#menu-mobile li {
        width: 100%;
        border-bottom: 1px solid rgb(218, 218, 218);
    }
    #menu-container-mobile ul#menu-mobile li:last-of-type {
        border-bottom: 3px solid rgb(218, 218, 218);
    }
    ul#menu-mobile li a {
        padding: 10px;
        display: block;
        line-height: 30px;
        font-size: 16px;
        font-family: museo700;
        color: #096ce0;
        text-decoration: none;
    }
    
    a#search-toggle {
        float: right;
        background-image: url('/img/mobile/search.png');
        background-size: 34px 30px;
        background-repeat: no-repeat;
        background-position: center;
    }
    a#search-toggle.open {
        background-color: #FFF;
        background-image: url('/img/mobile/search_close.png');
        background-size: 21px 20px;
        background-repeat: no-repeat;
        background-position: center;
        border-bottom: none;
    }
    #ask {
        z-index: 2147483645;
        max-height: 0px;
        position: relative;
        overflow:hidden;
        width: 100%;
        -webkit-transition: max-height 0.1s ease-in; 
        -moz-transition: max-height 0.1s ease-in; 
        -ms-transition: max-height 0.1s ease-in; 
        -o-transition: max-height 0.1s ease-in; 
        transition: max-height 0.1s ease-in; 
    }
    #ask.open {
        max-height: 70px;
        border-bottom: 1px solid #E7E7E7;
        border-top: 1px solid #E7E7E7;
        background-color: #fff;
        -webkit-transition: max-height 0.1s ease-in; 
        -moz-transition: max-height 0.1s ease-in; 
        -ms-transition: max-height 0.1s ease-in; 
        -o-transition: max-height 0.1s ease-in; 
        transition: max-height 0.1s ease-in; 
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F6F6F6));
        background: -webkit-linear-gradient(top, #FFF, #F6F6F6);
        background: -moz-linear-gradient(top, #FFF, #F6F6F6);
        background: -ms-linear-gradient(top, #FFF, #F6F6F6);
        background: -o-linear-gradient(top, #FFF, #F6F6F6);
    }
    div#search {
        height: 65px;
    }
    div#search div.input {
        padding: 5px 5px;
    }
    div#search div.input input {
        height: 50px;
        line-height: 1.3em;
    }
    #div#ask-link {
        display: none;
    }
    #ask form {
        margin: 5px;
    }
    #ask form label {
        display: none;
    }
    #ask input[type="text"] {
        width: 100%;
        padding: 0px;
        height: 52px;
        text-indent: 10px;
        float: none;
    }
    div#search form div.submit input {
        cursor: pointer;
        text-indent: -10000px;
        border: none;
        position: absolute;
        top: 18px;
        right: 20px;
        width: 35px;
        height: 35px;
        background: url('/img/mobile/search_submit.png');
        background-size: 25px 24px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    div#logo {
        background: url('/img/mobile/logo.png') no-repeat right top;
        background-size: 168px 50px;
        margin-top: 10px;
        margin-left: 10px;
        width: 170px;
        height: 55px;
    }
    #left-col {
        display: none;
    }
    #billboard-ad {
        display: none;
    }
    #content h2:first-of-type {
        margin-top: 0px
    }
    h2.content_title, h1, h1.ct {
        margin-right: 5px;
        word-wrap: break-word;
#        text-transform: uppercase;
        font-size: 18px;
    }
    #mobile-hidden, .mobile-hidden {
        display: none !important;
    }
    #all-ages {
        padding: 0px 10px;
    }
    #home-ages-container {
        
    }
    div#content-main #all-ages #ages-link {
        min-height: 45px;
        max-height: 506px;
        width: 100%;
    }
    div#content-main #all-ages #ages-link ul {
        width: 100%;
    }
    #home-ages-container #program_tabs>li.active a {
        text-align: center;
        padding-left: 0;
        padding-right: 25px;
    }
    #home-ages-container #program_tabs>li.active a .category-arrow {
        background: url('/img/mobile/gray_prev.png') no-repeat center;
        background-size: 10px 16px;
        float: left;
        margin-left: 5px;
    }
    .category-arrow {
        background: url('/img/mobile/gray_next.png') no-repeat center;
        background-size: 10px 16px;
        display: block;
        float: right;
        width: 30px;
        height: 30px; 
        position: relative;
        margin-top: 8px;
        margin-right: 0px;
    }
    .book-lis-block a .category-arrow {
        margin-top: 1px;
    }
    div#content-main #all-ages #ages-link li {
        height: 45px;
        border-bottom: 1px solid #DEDEDE;
        margin: 0;
    }
    div#ages-link li h2 {
        line-height: 45px;
    }
    div#content-main #all-ages #ages-link a {
        color: #006cbf !important;
        font-size: 17px;
        padding-left: 15px;
        padding-top: 0;
    }
    div#content-main #all-ages #ages-link li.active a {
        padding-left: 0;
    }
    #bookspanel {
        margin: 25px 10px 20px 10px;
        padding-bottom: 0;
    }
    #bookspanel .content_title {
        display: none;
    }
    #bookspanel .index-panel-category {
        font-size: 17px;
        text-transform: uppercase;
        color: #000000;
        background-color: #FFF;
        height: 25px;
        line-height: 25px;
        font-family: museo700;
    }
    #bookspanel .index-panel-category.active {
        background-color: #EFF2F9;
        color: #5B8CC7;
    }
    .panel-border {
        background-color: #FFF;
    }
    #index-panel span {
        height: 45px;
        width: 50px;
        margin-right: -5px;
        padding: 0;
        color: #000;
        border-left: 1px solid #DADADA;
    }
    #index-panel>span:first-of-type {
        border-right: 1px solid #DADADA;
        border-left: none;
    }
    #index-panel>span:last-of-type {
        border-left: 1px solid #DADADA;
        border-right: none;
    }
    #index-panel {
        margin-left: -1px;
        width: 100%;
        height: 45px;
        overflow: hidden;
        display: inline-flex;
        background-color: #F6F6F6;
        border-top: 3px solid #5E8DC3;
        border-bottom: none;
    }
    div#alphabet-letters {
        margin-left: 4px;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }
    span#alphabet-prev {
        background: url('/img/mobile/blue_prev.png') no-repeat center;
        background-size: 12px 22px;
        background-color: #F6F6F6;
        text-indent: -99999px;
        cursor: pointer;
        position: relative;
        z-index: 9;
    }
    span#alphabet-next {
        background: url('/img/mobile/blue_next.png') no-repeat center;
        background-size: 12px 22px;
        background-color: #F6F6F6;
        text-indent: -99999px;
        cursor: pointer;
        position: relative;
        z-index: 9;
    }
    div#alphabet-letters > span {
        text-align: center;
        line-height: 45px;
        font-size: 20px;
    }
    div#alphabet-letters > span a {
        color: #5E8DC3;
        display: block;
        width: 50px;
        height: 45px;
        font-size: 18px;
    }
    #index-panel div#marked {
        display: none;
    }
    #index-panel .active {
        background-color: #5E8DC3;
    }
    #index-panel .active a {
        color: #fff;
    }
    .noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .index-panel-category {
        padding: 10px 0px;
        width: 32.5%;
        text-align: center;
        margin-left: -1px;
        margin-right: -1px;
    }
    #bookspanel>a:first-of-type {
        border-left: 1px solid #dddddd;
    }
    #bookspanel>a:last-of-type {
        border-right: 1px solid #dddddd;
    }
    #book-list,
    #authors-list {
    }
    .book-lis-block,
    .author-lis-block {
        width: 100%;
        border-bottom: 1px solid #DADADA;
        /* background: url('/img/mobile/gray_next.png') no-repeat 97% center / 10px 16px;*/
    }
    .book-lis-block a,
    .author-lis-block a {
        padding: 10px 10px;
        display: block;
        line-height: 30px;
        font-size: 16px;
        font-family: museo700;
    }
    .author-lis-block>div{
        margin: 0 10px 10px 10px;
    }
    #authors-list h3 {
        margin-top: 0 !important;
    }
    #random-topics {
        margin: 20px 10px;
    }
    div#content-main .box2 li {
        box-shadow: -2px 3px 1px -1px #E6E6E6;
        -webkit-box-shadow: -2px 3px 1px -1px #E6E6E6;
        -moz-box-shadow: -2px 3px 1px -1px #E6E6E6;
        border-left: 1px solid #E6E6E6;
        border-right: 1px solid #E6E6E6;
        background-color: #fff;
        margin-bottom: 15px;
        padding: 10px;
    }
    .box2 {
        width: 100%;
    }
    div#content-main .box2 li a {
        line-height: 25px;
        color: #096CE0;
        font-size: 17px;
        margin-bottom: 10px;
    }
    div#content-main .box2 span {
        font-size: 14px;
        color: #000;
    }
    .more-link {
        display: none !important;
    }
    #subcategory-menu {
        //min-height: 429px;
    }
    .twocol {
        position: relative;
    }
    .tab {
	min-height: 460px;
    }
    .holder.active {
        z-index: 93;
    }
    .holder {
        z-index: 90;
        position: absolute;
        width: 100%;
        height: 410px;
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
    }
    #pane1, #pane2, #pane3, #pane4, #pane5, #pane6, #pane7, #pane8, #pane9, #pane10, 
    #pane11, #pane12, #pane13, #pane14, #pane15, #pane16, #pane17, #pane18, #pane19, 
    #pane20, #pane21, #pane22, #pane23, #pane24, #pane25, #pane26, #pane27, #pane28 {
        height: 100%;
        width: 100%;
        margin-left: 0px;
    }
    div#content-main #all-ages .holder:first-of-type h3 {
        float: left;
        z-index: 1000;
    }
    div#content-main #all-ages .holder:last-of-type h3 {
        float: right;
        z-index: 1000;
    }
    #mobile-subsubcategory {
        height: 45px;
        border-bottom: 3px solid #5E8DC3;
        border-right: 1px solid #E6E6E6;
        border-left: 1px solid #E6E6E6;
        border-top: 1px solid #E6E6E6;
    }
    #mobile-subsubcategory>h3 {
        text-transform: uppercase;
        font-size: 19px;
        background-color: #FFFFFF;
        color: #000;
        width: 50%;
        line-height: 45px;
        height: 45px;
        text-align: center;
        
    }
    #mobile-subsubcategory>h3:first-of-type {
        float: left;
    }
    #mobile-subsubcategory>h3:last-of-type {
        float: right;
    }
    #mobile-subsubcategory>h3.active {
        background-color: #EFF2F9;
        color: #5A8BC0;
    }
    .hd {
        display: none !important;
    }
    div#content-main #all-ages h3{
        font-family: 'museo700';
	font-size: 17px;
        cursor: pointer;
    }
    div#content-main #all-ages .holder li {
        padding: 10px 10px;
        margin: 0;
        border-bottom: 1px solid #DEDEDE;
    }
    div#content-main #all-ages .holder li a {
        width: 100%;
        display: block;
        padding: 0;
        font-size: 16px;
        font-family: museo700;
        line-height: 30px;
    }
    .mobile-with-margin {
        margin: 0 10px;
    }
    div#content-main p {
        margin: 0;
        padding: 0px;
        background-color: #fff;
        font-size: 14px;
    }
    div#content-main div.text {
        margin: 0;
        padding: 10px 10px;
        background-color: #fff;
        box-shadow: -2px 3px 1px -1px #E6E6E6;
        -webkit-box-shadow: -2px 5px 1px -1px #E6E6E6;
        -moz-box-shadow: -2px 3px 1px -1px #E6E6E6;
        border-top: 1px solid #E6E6E6;
        border-left: 1px solid #E6E6E6;
        border-right: 1px solid #E6E6E6;
        font-size: 14px;
    }
    div.block {
        padding: 15px 10px 10px 10px;
        background-color: #fff;
        font-size: 14px;
        box-shadow: -2px 3px 1px -1px #E6E6E6;
        -webkit-box-shadow: -2px 5px 1px -1px #E6E6E6;
        -moz-box-shadow: -2px 3px 1px -1px #E6E6E6;
        border-top: 1px solid #E6E6E6;
        border-left: 1px solid #E6E6E6;
        border-right: 1px solid #E6E6E6;
    }
    div.block-content {
        
    }
    div.block ul li {
        padding: 0;
        font-size: 14px;
    }
    div.block ul li span.dt {
        display: block;
        float: left;
        width: 80px;
    }
    .block-title {
        padding-bottom: 0px;
    }
    div.block a.arrow {
	color: #096ce0;
	line-height:15px;
	margin-bottom:6px;   
    }
    #box-elaboration,
    #box-charakter,
    #box-motive,
    #box-author-books,
    #box-age-books,
    #box-related,
    #box-references,
    #box-books,
    #box-others {
        padding: 15px 0px 0px 0px;
        max-height: 34px;
        overflow: hidden;
    }
    #box-elaboration.open,
    #box-charakter.open,
    #box-motive.open,
    #box-author-books.open,
    #box-age-books.open,
    #box-related.open,
    #box-references.open,
    #box-books.open,
    #box-others.open {
        max-height: 10000px;
    }
    #box-elaboration .block-title,
    #box-charakter .block-title,
    #box-motive .block-title,
    #box-author-books .block-title,
    #box-age-books .block-title,
    #box-related .block-title,
    #box-references .block-title,
    #box-books .block-title,
    #box-others .block-title {
        padding: 0 0px 5px 10px;
        margin-right: 10px;
        margin-top: 0px;
        background-image: url('/img/mobile/black_down.png'); 
        background-repeat: no-repeat;
        background-size: 19px 10px;
        background-position-x: 100%;
        background-position-y: 3px;
        height: 30px;
        line-height: 22px;
        cursor: pointer;
    }
    #box-elaboration.open .block-title,
    #box-charakter.open .block-title,
    #box-motive.open .block-title,
    #box-author-books.open .block-title,
    #box-age-books.open .block-title,
    #box-related.open .block-title,
    #box-references.open .block-title,
    #box-books.open .block-title,
    #box-others.open .block-title {
        background-image: url('/img/mobile/black_up.png');
        background-repeat: no-repeat;
        background-size: 19px 10px;
        background-position-x: 100%;
        background-position-y: 3px;
    }
    #box-elaboration .block-title h3,
    #box-charakter .block-title h3,
    #box-motive .block-title h3,
    #box-author-books .block-title h3,
    #box-age-books .block-title h3,
    #box-related .block-title h3,
    #box-references .block-title h3,
    #box-books .block-title h3,
    #box-others .block-title h3 {
        font-size: 20px;
    }
    #box-elaboration ul li,
    #box-charakter ul li,
    #box-motive ul li,
    #box-author-books ul li,
    #box-age-books ul li,
    #box-related ul li,
    #box-references ul li,
    #box-books ul li,
    #box-others ul li {
        padding: 10px 10px;
        border-bottom: 1px solid #E6E6E6;
    }
    #box-elaboration ul li:last-of-type,
    #box-charakter ul li:last-of-type,
    #box-motive ul li:last-of-type,
    #box-author-books ul li:last-of-type,
    #box-age-books ul li:last-of-type,
    #box-related ul li:last-of-type,
    #box-references ul li:last-of-type,
    #box-books ul li:last-of-type,
    #box-others ul li:last-of-type {
        border-bottom: none;
    }
    #box-elaboration ul li:first-of-type,
    #box-charakter ul li:first-of-type,
    #box-motive ul li:first-of-type,
    #box-author-books ul li:first-of-type,
    #box-age-books ul li:first-of-type,
    #box-related ul li:first-of-type,
    #box-references ul li:first-of-type,
    #box-books ul li:first-of-type,
    #box-others ul li:first-of-type {
        border-top: 1px solid #E6E6E6;
    }
    #box-elaboration ul li a,
    #box-charakter ul li a,
    #box-motive ul li a,
    #box-author-books ul li a,
    #box-age-books ul li a,
    #box-related ul li a,
    #box-references ul li a,
    #box-books ul li a,
    #box-others ul li a {
        width: 100%;
        display: block;
        padding: 0;
        font-size: 18px;
        font-family: museo700;
        line-height: 29px !important;
        margin: 0;
    }
    .pl10 {
        padding-left: 10px;
    }
    div.photo-top {
        margin-top: 20px;
    }
    div.photo-border {
        width: 100%; 
        height: auto;
    }
    .photo img {
        width: 100%; 
        height: auto;
    }
    div.photo-bottom {
        min-height: 70px;
        width: 100%;
        margin-top: -70px;
        margin-bottom: 20px;
        background-color: rgba(182, 131, 26, 0.88);
        position: relative;
    }
    div.photo-bottom p {
        color: white;
        text-align: center;
        padding-top: 8px;
        font-size: 18px;
        font-weight: bold;
        line-height: 27px;
    }
    .twocol .block-content {
        min-height: 50px;
        line-height: 13px;
        overflow: hidden;
    }
    .twocol .block-content ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        line-height: 15px;
        text-align: left;
        color: #333;
    }
    .twocol .block-content ul li {
        padding: 10px 10px;
        margin: 0;
        border-bottom: 1px solid #DEDEDE;
    }
    .twocol .block-content ul li h4 {
        background: url('/img/mobile/gray_next.png') no-repeat 97% center / 10px 16px;
    }
    .twocol .block-content ul li.empty {
        border-bottom:none;
    }
    .twocol .block-content ul li.empty h4 {
        background:none;
    }
    .twocol .block-content ul li.empty h4 a {
        width:1px;
    }
    .twocol .block-content ul li a {
        width: 100%;
        display: block;
        padding: 0;
        font-size: 16px;
        font-family: museo700;
        line-height: 29px;
        font-weight: 100;
        margin-bottom: 0;
    }
    .twocol .block {
        padding: 0;
        z-index: 90;
        width: 100%;
    }
    .twocol .block.active {
        z-index: 93;
    }
    .twocol .block {
        position: absolute;
        margin-top: 0;
    }
    .twocol .block:last-of-type {
        position: relative;
        padding: 0;
    }
    .twocol .block .block-title {
        display: none;
    }
    #intertext1 {
        margin: 10px;
        max-height: 3000px;
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease-in;
        -moz-transition: max-height 0.5s ease-in;
        -ms-transition: max-height 0.5s ease-in;
        -o-transition: max-height 0.5s ease-in;
        transition: max-height 0.5s ease-in;
    }
    #intertext1.collapsed {
        max-height: 300px;
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease-in;
        -moz-transition: max-height 0.5s ease-in;
        -ms-transition: max-height 0.5s ease-in;
        -o-transition: max-height 0.5s ease-in;
        transition: max-height 0.5s ease-in;
    }
    .show-all-btn {
        margin: -46px 10px 10px 10px !important;
        position: relative;
        height: 46px;
        line-height: 40px;
        vertical-align: middle;
        text-align: center;
        background-color: rgba(255,255,255,0) !important;
        background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgb(250, 250, 250) 64%, #eeeeee 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.8)), color-stop(64%,rgb(250, 250, 250)), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgb(250, 250, 250) 64%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgb(250, 250, 250) 64%,#eeeeee 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgb(250, 250, 250) 64%,#eeeeee 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgb(250, 250, 250) 64%,#eeeeee 100%);
        border-bottom: 1px solid #E6E6E6;
        border-left: 1px solid #E6E6E6;
        border-right: 1px solid #E6E6E6;
    }
    .show-all-btn.open {
        margin: -15px 10px 10px 10px !important;
    }
    .show-all-btn span {
        background-image: url('/img/mobile/black_down.png');
        width: 100%;
        height: 46px;
        display: block;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-position-y: 17px;
        background-position-x: 50%;
        cursor: pointer;
    }
    .show-all-btn.open span {
        background-image: url('/img/mobile/black_up.png');
        background-repeat: no-repeat;
        background-position-y: 17px;
        background-position-x: 50%;
    }
    .test-box {
    }
    .test-box .check-btn {
        width: 100px !important;
        clear: none;
        margin: 15px auto;
    }
    div#content-main ul {
        margin-left: 0;
        margin-top: 0;
    }
    div#content-main ul li {
        margin-left: 0;
        padding-left: 0;
    }
    .search_all .show-all-btn {
        margin: -46px 0 10px 0 !important;
    }
    #longlist {
        padding: 15px 10px 10px 10px;
        background-color: #fff;
        font-size: 14px;
        box-shadow: -2px 3px 1px -1px #E6E6E6;
        -webkit-box-shadow: -2px 5px 1px -1px #E6E6E6;
        -moz-box-shadow: -2px 3px 1px -1px #E6E6E6;
        border-top: 1px solid #E6E6E6;
        border-left: 1px solid #E6E6E6;
        border-right: 1px solid #E6E6E6;
        margin-top: 15px;
        margin-bottom: 45px;
        max-height: 10000000px;
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease-in;
        -moz-transition: max-height 0.5s ease-in;
        -ms-transition: max-height 0.5s ease-in;
        -o-transition: max-height 0.5s ease-in;
        transition: max-height 0.5s ease-in;
    }
    #longlist.collapsed {
        max-height: 300px;
        overflow: hidden;
        -webkit-transition: max-height 0.5s ease-in;
        -moz-transition: max-height 0.5s ease-in;
        -ms-transition: max-height 0.5s ease-in;
        -o-transition: max-height 0.5s ease-in;
        transition: max-height 0.5s ease-in;
    }
    .no-uppercase {
        text-transform: none;
    }
    #search-main {
        padding: 0 10px;
    }
    
    #search-main ul li {
        box-shadow: -2px 3px 1px -1px #E6E6E6;
        -webkit-box-shadow: -2px 3px 1px -1px #E6E6E6;
        -moz-box-shadow: -2px 3px 1px -1px #E6E6E6;
        border-left: 1px solid #E6E6E6;
        border-right: 1px solid #E6E6E6;
        background-color: #fff;
        margin-bottom: 15px;
        padding: 10px 10px;
        display: block;
        list-style: none;
    }
    #search-main ul li h2 {
        margin: 0;
        line-height: 27px;
        color: #096CE0;
        font-size: 17px;
        margin-bottom: 8px;
    }
    #search-main ul li h2 a {
        line-height: 27px;
        color: #096CE0;
        font-size: 17px;
        margin-top: 0px;
        font-weight: bold;
        text-decoration: none;
        display: block;
    }
    #search-main ul li p {
        font-size: 14px;
        font-family: inherit;
        margin-bottom: 10px;
        font-weight: 100;
    }
    #search-main ul li p.small-link {
        font-size: 11px;
    }
    div#pagination {
        width: 100%;
        max-height: 65px;
        clear: both;
        margin: 10px auto;
        text-align: right;
        color: #0066cc;
    }
    #pagination .selected-page {
        display: none !important;
    }
    #pagination a.page-link {
        display: none !important;
    }
    #pagination a.next {
        margin: 0 0px 0 auto;
        padding-right: 10px;
        float: right;
        background-image: url('/img/mobile/blue_next.png');
        background-repeat: no-repeat;
        background-position-x: 100%;
        background-position-y: 17px;
        background-size: 16px 29px;
        width: 115px;
        text-align: left;
    }
    #pagination a.prev {
        margin: 0 auto 0 0px;
        padding-left: 10px;
        float: left;
        background-image: url('/img/mobile/blue_prev.png');
        background-repeat: no-repeat;
        background-position-y: 17px;
        background-size: 16px 29px;
        width: 130px;
        text-align: right;
    }
    #pagination a {
        background-color: transparent;
        height: 65px;
        width: 45%;
        padding: 0;
        border: none;
        display: inline-block;
        line-height: 65px;
        text-align: center;
        color: #517CB6 !important;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 700;
        font-family: 'museo700';
    }
    div#content form {
	width: 100%;
	margin: 0 auto;
    }
    div#content fieldset {
        padding: 16px 10px;
    }
}

@media all and (max-width:600px) {
	
	div#content-main div.text {font-size: 16px; text-align: left !important; line-height: 140%}
	div.text  div div {font-size: 16px; text-align: left !important; line-height: 140%}
	.author-lis-block>div {font-size: 16px; text-align: left; line-height: 140%}
	#authors-list h3 a {font-size: 18px !important;}
    h2.content_title, h1, h1.ct {
        font-size: 16px;
    }
    div#content-main #all-ages #ages-link a {
        font-size: 18px;
    }
    .book-lis-block a, .author-lis-block a {
        font-size: 16px;
    }
    div#alphabet-letters > span.active {
        margin-right:-4px;
    }
    div#alphabet-letters {
        overflow:scroll;
    }
    #footer>a {
        border-right:none;
    }
    #footer>div:first-of-type {
        display:block;
        margin-left:115px;
        border-left: solid 1px #dbdbdb;
        padding-top:0;
        text-align:left;
        line-height:24px;
    }
    #themes-list .book-lis-block a {
        font-size: 19px
    }
    #mobile-ageslist li a {
        font-size: 19px;
    }

    #footer-links{
		display: none;
	}
	.mobile-footer-div{
		display: inline-block;
	}
	#mobile-footer{
		display: inline-block;
		padding: 8px;
		font-size: 13px;
		border: 1px solid #c2c2c2;
		border-radius: 3px;
		-webkit-appearance:none;
	}
	.mobile-footer-div{
		margin-left: 115px;
	    border-left: 1px solid #dbdbdb;
	    padding-left: 20px;
	    padding-top: 10px;
		position: relative;
	}
	.mobile-footer-div:before{
		content: '\25BC';
		position: absolute;
		right: 5px;
		top: 19px;
	}
}

@media all and (max-width:480px) {
    h2.content_title, h1, h1.ct {
        font-size: 1.4em !important;
    }
    div#content-main #all-ages #ages-link a {
        font-size: 19px;
    }
    .book-lis-block a, .author-lis-block a {
        font-size: 15px;
    }
    div#content-main ul h5 {
        text-align: left;
    }
    div#content-main ul h5 a {
        font-size: 13px !important;
    }
    div.block ul li {
        font-size: 10px !important;
    }
    div.block ul li span.dt {
        font-size: 14px !important;
    }
}

@media all and (min-width:1000px) {
    div#content  fieldset {
	padding: 16px 20px;
    }
    div#content form {
	margin-right: 20px;
	width: 95%;
    }
    #search-main {
        padding: 0 15px;
    }
    #search-main ul li {
        list-style: none;
        margin-top: 15px; 
        list-style-position:inside; 
        list-style-type:none; 
        padding:3px;
    }
    #search-main ul li p {
        font-size: 14px; 
        font-family:arial,sans-serif; 
        line-height: 1.3em; 
        margin-bottom: 6px;
    }
    #search-main ul li h2 a {
        font-size: 18px; 
        color: #000; 
        font-family:arial,sans-serif; 
        text-decoration: none;
    }
    .clear20 {
        width:100%;
        height:20px;
        clear: both;
    }
    .search_all {
        width: 940px;
    }
    #content>h2.content_title, #content>h1.ct {
        margin-bottom: 10px;
        margin-left: 15px;
        margin-top: 20px;
    }
    .test-box .check-btn {
        width: auto; 
        clear: none; 
        margin: 15px 15px;
    }
    div.photo{
	margin-left: 9px;
    }
    div.photo-bottom {
	background: url('../img/photo-bottom.png') no-repeat;
	min-height: 46px;
	width: 232px;
	margin-left: 23px;
    }
    div.photo-bottom p {
	color: white;
	text-align: center;
	padding-top: 13px;
    }
    div.photo-border {
	background: url('../img/photo-border.png') repeat-y;
	width: 232px;
	margin-left: 23px;
    }
    div.photo-top {
	margin-top: 20px;
	margin-left: 23px;
	background: url('../img/photo-top.png') no-repeat;
	min-height: 8px;
	width: 232px;
    }
    div.block a.arrow {
	padding-left: 10px;
	padding-right: 5px;
	color: #096ce0;
	background: url('/img/rmenu-li-bg.png') no-repeat left;
	line-height:15px;
	margin-bottom:6px;       
    }
    .block-title {
	padding-left: 10px;
	background: url('../img/bc-line.png') repeat-x bottom left;
	width: 225px;
    }
    .block-title a, h3 { 
        color: black;
        text-decoration: none;
        /*font-size: 100% !important;*/
    }
    div.block ul li {
	padding-left: 10px;
	padding-left: 15px;
	font-size: 13px;
    }
    div.block ul li span.dt {
        display: block; 
        float: left;
        font-size: 12px;
        margin-right: 3px;
    }
    div.block-content {
	padding: 5px 5px;
	font-size: 12px;
	width: 250px;
	margin: 0 0 0 10px;
    }
    div.block {
	width: 300px;
	font-size: 12px;
    }
    div#content-main div.text,
    div#content-main p {
        margin-top: 5px;
        margin-bottom: 10px;
        margin-left: 5px;
        line-height: 20px !important; 
        font-size: 12px !important;
        font-family: Arial !important;
    }
    div#content h3 { 
        font-size: 1.1em; 
    }
    div#content-main #all-ages h3{
        font-family: 'museo900';
	height: 30px;
	font-size: 16px;
	width: 200px;
    }
    .holder {
        float: left;
        padding: 10px;
        width: 243px;
        border-left: 1px solid #dddddd;
        height: 415px;
        margin-left: 10px;
    }
    .tab {
        height: 350px; 
        padding: 0; 
        display: none;
	margin-left: 160px;
    }
    .more-link{
        display: inline-block !important;
    }
    .more-link span{
        display: inline !important;
    }
    div#content-main  .box2 span{
        color: #4e4e4e;
        font-size: 11px;
        font-family: 'Arial';
    }
    div#content-main  .box2 li a {
        color: #096CE0;
        font-size: 12px;
    }
    .box2 {
        float: left;
        /*width: 680px;*/
        margin-right: 10px;
    }
    div#content-main .box2 li {
        height: 95px;
        width: 405px;
        float: left;
        margin-top: 5px;
    }
    .book-lis-block {
        width: 259px;
        float: left;
        padding: 2px 10px;
    }
    #book-list{
        padding-top: 20px;
    }
    .index-panel-category {
        font-size: 1.4em;
        padding: 10px 10px;
    }
    .mobile-only {
        display: none !important;
    }
    body {
        background:url('../img/body-bg.png') repeat-x;
    }
    #bookspanel{
        margin: 20px 0;
        padding-bottom: 20px;
    }
    #bookspanel .content_title {
        display: inline-block;
    }
    h2.content_title, h1, h1.ct {
	font-size: 22px;
    }
    .category-arrow {
        display: none;
    }
    .tab-hover, .tab-hover-active{
        position: absolute; 
        top: 1px;
        z-index: 100; 
        background: url('../img/age-hover.png') no-repeat; 
        width: 313px; 
        height: 30px; 
    }
    .tab-hover a, .tab-hover-active a{
        color: #fff;
    }
    div#content-main #all-ages #ages-link a{
	color: black;
        font-size: 1em;
	padding-top:5px;
	padding-left:3px;
    }
    div#content-main #all-ages #ages-link li{
	height: 30px;
    }
    div#content-main #all-ages li {
	margin: 3px;
    }
    #home-ages-container {
        height: 435px;
    }
    div#content-main #all-ages #ages-link{
        height: 335px;
        width: 300px;
        float: left;
    }
    div#content-main #all-ages #ages-link ul {
        width: 300px;
    }
    div#content {
        width: 850px;
        float: left;
    }
    #left-col{
        width: 300px;
        float: left;    
    }
    div#content-main {
            float: left;
	padding: 10px;
        width: 580px;
    }
    div#content-navigation {
            margin-left: 590px;
    }
    #billboard-ad {
        width:750px;
        z-index: 999999998; 
        margin-left: 15px; 
        position: relative;
    }
    #menu-container-mobile {
        display: none;
    }
    div#container {
	width: 1164px;
    }
	div#header-container, #left-col, div#content, #footer{
		background: #fff;
	}
	div#header-container{
		padding: 0 7px 7px 7px;
	}
	#left-col{
		padding-left: 7px;
	}
	div#content{
		padding-right: 7px;
	}
    div#container-bottom{
        width: 1150px;
    }
    div#toph1 {
        width: 1150px;
    }
    #menu-container{
        display: block;
        width: 1147px;
    }
    div.banner {
        width: 750px;
    }
    div#search div.input input {
	width: 500px;
    }
    div#search div.input {
        float: left;	
    }
    div#search form div.submit{
        float: left;
    }
    div#search div.input input {
        height: 45px;
        padding: 0 3px 0 45px;
        background: url('/img/search-bg.png') no-repeat left top;
        font-size: 1.4em;
    }
    div#ask-link {
        margin: 0 20px 5px 0;
        height:32px;
    }
    div#search {
        margin-top: -15px;
    }
    div#search form div.submit input {
            width: 137px;
            height: 47px;
            cursor: pointer;
            overflow: hidden;
            border: 0px;
            background: #c6911e;
            color: #fff;
            font-family: 'museo700';
            font-size: 1.5em;
            text-transform: uppercase;
            font-weight: normal;
    }
    div#ask {
	margin-left: 460px;
    }
    div#top {
	height: 90px;
    }
    
    #full-bck{
		background-color: #fff;
	}
    #footer {
        width: 1150px;
        padding: 0 7px;
    }
    #footer-links {
        margin-left: 118px;
        border-left: 1px solid #dbdbdb;
        padding-left: 15px;
    }   
    #footer-copyright {
        margin-left: 118px;
        border-left: 1px solid #dbdbdb;
        padding-left: 15px;
    }
    
    div#logo {
	background: url('../img/logo.png') no-repeat right top;
	margin-top: 10px;
	margin-left: 20px;
	width: 234px;
	height: 65px;
    }

    .homeview{
        width: 840px !important;
    }
    div#content-main .box2 li:nth-child(even) {
        margin-left: 20px;
    }
    div#content-main ul.tabs{
	float: left;
    }
    div#content-main #all-ages #ages-link li.active{
        height: 35px;
        background: url('../img/age-hover.png') no-repeat;
        width: 197px;
        display: block;
        padding-top: 5px;
        padding-left: 5px;
        margin-top: 8px;
    }
    div#content-main #all-ages #ages-link  li.active a{
        color: white;
        display: block;
        padding-top: 7px;
    }
    #all-ages .tab li a{
        background: url('/img/rmenu-li-bg.png') no-repeat left center;
    }
    h2.out{
        margin-left: 15px;
    }
}