/* CSS Document */

html {
  padding: 0px;
  margin: 0px;
}

body {
  background: #f5f0dc url(../images/pozadi.jpg) no-repeat top center;
  background-attachment: fixed;
  padding: 0px;
  margin: 0px;
  font-family: Verdana;
  font-size: 12px;
}

a {
  color: #FFA500;
}

a:hover {
  color: #FFBD3F;
}

#bookTop{
  display:none;
}
/* --- Pozice divů --- */

#kontejner {
  margin: 0px;
  padding: 0px;
  width: 1000px;
  margin: 0px auto;
  overflow: hidden;
}

#kontejner img{
  border: none;
}

#hlavicka {
  margin: 0px;
  padding: 0px;
  display: block;
  width: 1000px;
  height: 145px;
  background-image: url(../images/pozadi-1.png);
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.logo-1{
  margin-left: 20px;
  padding-top: 15px;
  display: block;
  float: left;
}

.slogan{
  width: 450px;
  height: 99px;
  display: block;
  background-image: url(../images/pozadi-3.jpg);
  background-repeat: no-repeat;
  float: left;
  margin-top: 25px;
}

.slogan .slogan2{
  margin-top:25px;
  width: 420px;
  font-size: 16px;
  font-weight:bold;
  color: #fe8d03;
  clear:both;
  text-align: center;
  padding-left: 30px;
  font-family: "Times New Roman", Times, serif;
  text-transform: uppercase;
}

/*.cntInfo {
  position:relative;top:3px;left:127px;
}    */

.cntInfo {
    position: absolute;
    top: 116px;
    left: 380px;
}

.cntInfo span {
  color:#FE8D03;font-weight:bold;
}

.black-01{
	color: #000000 !important;	
}

.SearchInput {
  width: 320px;
  margin: 20px 0px 0px 50px;
  background: #f3f3f3;
  color: #999;
  font-size: 20px;
  border: none;
}

.SearchButton {
  width: 28px;
  height: 24px;
  margin: 20px 30px 0px 0px;
  float:right;
  padding: 6px;
  background: url(../images/button-search.jpg) repeat-x;
  border: none;
  color: #febc01;
  font-size: 12px;
  cursor: pointer;
}


/* ---------------------------------------------------- Menu --- */

.Menu {
  background: url(../images/menu.jpg) repeat-x;
  overflow: hidden; 
  border: 1px solid #343434;
  border-radius: 10px;
  /*width: 765px; /*990px*/
  margin: 10px 0px 0px 4px;
  background-color: #343434 !important;
  /*padding-left: 225px;*/
}

.Menu .firstMenuItem a {
  width:215px !important;
  color: #fff;                     
}

.Menu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.Menu li {
  display: inline;
}

.Menu a {
  float: left;
  width: 180px;
  text-align: center;
  padding: 9px 0px 9px 0px;
  margin: 0px;
  margin-left: 11px;
  text-decoration: none;
  color: #febc01; 
  text-transform: uppercase; 
}

.Menu .active {
  color: #C7C7C7;
  /*background-color: #FEBC01;*/
}

.SubMenuMar .active, .SubMenuMar2 .active {
  color: #f5f0dc;
  /*background-color: #FEBC01;*/
}

.last-1{
margin-right: 0px !important;	
}

/* ---------------------------------------------------- SubMenu --- */

.SubMenu {

}

.SubMenu ul {
  float: left;
  width: 169px;
  height: 130px;
  margin: 10px 0px 0px 0px;
  padding: 15px 5px 5px 5px;
  list-style: none;
  background: url(../images/submenu2.png) no-repeat;
}

ul.SubMenuMar {
  margin: 5px 7px 0px 4px;
}

ul.SubMenuMar2 {
  margin: 5px 0px 0px 4px;
}

.SubMenu li {
  display: inline;
}

.SubMenu a {
  display: block;
  color: #383838;
  line-height: 14px;
  text-decoration: none;
  font-size: 11px;
}

.SubMenu a:hover {
  display: block;
  color: #f5f0dc;
  line-height: 14px;
  text-decoration: none;
  font-size: 11px;
}

.SubMenu .SubMenu-info{
  float: left;
  width: 226px;
  height: 142px;
  margin: 13px 3px 0px 3px;
  padding: 15px 5px 5px 5px;
  list-style: none;
  background: url(../images/submenu-info.png) no-repeat;		
}

.SubMenu .SubMenu-info li{
	display: block;
	line-height: 30px;
	vertical-align: middle;
	padding-left: 25px;
	margin-left: 8px;
	background: url(../images/submenu-info-bod.jpg) no-repeat 0px 5px;
	clear: both;
  cursor: Default;		
}

/* ----------------------------------------------------- Login --- */

.Publish {
 float: left;
 margin: 25px 0px 0px 25px;
}
 
.Publish a {
  background: url(../images/publish.jpg) repeat-x;
  color: #000;
  border: 1px solid #FA8B08;
}

.Login {
  float: right;
  margin: 25px 25px 0px 0px;
}

.Logout {
  float: right;
  margin: 25px 25px 0 0;
}

.ButtonLogout {
  float: left;
  text-align: center;
  width: 100px;
  padding: 6px;
  text-decoration: none;
  text-transform: uppercase;
  background: url(../images/menu.jpg) repeat-x;
  border: 1px solid #343434;
  border-radius: 5px;
  color: #febc01;
  font-size: 12px;
}

.ButtonRegister {
  float: left;
  padding: 9px 13px 9px 10px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
}

.ButtonRegister:hover {
  background: url(../images/registration.jpg) no-repeat;
  color:#000;
}

.ButtonLogin {
  float: left;
  width: 100px;
  text-align: center;
  padding: 6px;
  text-decoration: none;
  text-transform: uppercase;
  background: url(../images/menu.jpg) repeat-x;
  border: 1px solid #343434;
  border-radius: 5px;
  color: #febc01;
  font-size: 12px;
}

.ButtonLogin:hover {
  text-decoration: underline;
}

#basket{
  display: block;
  clear: right;
  padding-top: 15px;
  padding-left: 30px;
  float: right; 
}
/*
.basket-1{
  padding: 6px;
  display: block;
  width: 100px;
  text-align: center;
  margin: 0px 25px 0px 0px;
  text-decoration: none;
  text-transform: uppercase;
  background: url(../images/menu.jpg) repeat-x;
  border: 1px solid #343434;
  border-radius: 5px;
  color: #febc01;
  font-size: 12px;
}

.basket-1:hover{
  text-decoration: underline;
}
*/

.basket-1{
  width: 56px;
  height: 38px;
  display: block;
  margin: 0px 25px 0px 0px;
  text-decoration: none;
  background: url(../images/kosik-ikona.jpg) no-repeat;
  color: #febc01;
  font-size: 12px;
}

.basket-2{
  width: 89px;
  height: 23px;
  display: block;
  background-image: url(../images/contact-1.jpg);
  background-repeat: no-repeat;
  float: left; 
  text-align: center;
  padding-top: 9px;
  color: #000000;
  text-decoration: none; 
}

.basket-2:hover{
  color: black;
  background-position: 0px -32px;  
}

.basket-count{
  margin: 0px;
  padding: 0px;
  display: block;
  width: 38px;
  height: 24px;
  padding-top: 8px;
  text-align: center;
  color: white;
  font-weight: bold;
  background-image: url(../images/bublina-1.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  z-index: 5;
  margin-top: 80px;
  margin-left: 862px;
}

#search {
  margin: 0px;
  padding: 0px;
  display: block;
  width: 1000px;
  height: 60px;
}

.search-1 {
  margin: 0px;
  padding: 0px;
  display: block;
  width: 822px;
  height: 39px;
  background-image: url(../images/pozadi-2.png);
  background-repeat: no-repeat;
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
}

#search .search-2{
  width: 600px;
  background: none;
  color: white;
  margin-left: 125px;
  margin-top: 10px;
  border: none;
  padding-left: 3px;
}

.search-3 {
  margin: 0px;
  #margin-top:-30px;
  padding: 0px;
  display: block;
  width: 82px;
  height: 39px;
  background-image: url(../images/go-1.png);
  background-repeat: no-repeat;
  border:none;
  background-color:transparent;
  float: right;
  cursor: pointer;
}

.search-3:hover{
  background-image: url(../images/go-1.png);
  background-repeat: no-repeat;
  background-position: 0px -39px; 
}

.register{
  margin: 0px;
  padding: 0px;
  display: block;
  width: 151px;
  height: 38px;
  background-image: url(../images/register-1.png);
  background-repeat: no-repeat;
  float: left;
  margin-left: 15px;
  margin-top: 10px;
}

.logout {
  margin: 0px;
  padding: 0px;
  display: block;
  width: 151px;
  height: 38px;
  background-image: url(../images/logout-1.png);
  background-repeat: no-repeat;
  float: left;
  margin-left: 15px;
  margin-top: 10px;
}

.register:hover{
  background-image: url(../images/register-1.png);
  background-repeat: no-repeat;
   background-position: 0px -38px;  
}

#obsah-top{
  margin: 0px;
  padding: 0px;
  display: block;
  width: 998px;
  height: 16px;
  background-image: url(../images/pozadi-4.png);
  background-repeat: no-repeat; 
}

#obsah-bottom{
  margin: 0px;
  padding: 0px;
  display: block;
  width: 998px;
  height: 16px;
  background-image: url(../images/pozadi-6.png);
  background-repeat: no-repeat; 
}

#obsah{
  margin: 0px;
  padding: 0px;
  background-image: url(../images/pozadi-5.png);
  background-repeat: repeat-y; 
}

#leva{
  width: 220px;
  float: left;
  height: 100%;
}

#stred{
  /*border-left: 1px solid #dddddd; */
  width: 950px;
  float: left;
  padding: 0px 25px 0px 25px;
  /*border-right: 1px solid red;*/
}

#stred h2,#stred h1, #dialog-registration h2{
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: normal;
  border-bottom: 2px solid orange;
  margin-top: 10px;
  margin-bottom: 10px;
}

.publish-1{
  float: left;
  width: 100px;
  padding: 6px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: url(../images/menu.jpg) repeat-x;
  border: 1px solid #343434;
  border-radius: 5px;
  color: #febc01;
  font-size: 12px;
}

.publish-1:hover {
text-decoration: underline;
}

.publish-2{
  display: block;
  margin-left: 15px;
  margin-top: 10px;
  color: black;
  text-decoration: none;  
}

.publish-2:hover{
  color: black;
  text-decoration: underline;  
}

.paticka{
  width: 940px;
  height: 290px;
  display: block;
  background: #fff;
  border-radius: 10px;
  padding: 20px 25px 0px 25px;
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 10px;
  box-shadow: #999 0px 0px 5px;
}

.logo-mini{
  float: right;
  border: none;
  display: block;
  margin: 0px;
  text-align: right;
}

.paticka-3{
  width: 700px;
  height: 30px;
  display: block;
}

.paticka-4 a{
  color: black;
  text-decoration: none;
}

.paticka-4 a:hover{
  color: black;
  text-decoration: underline;
}


.paticka-3 ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  margin-left: 15px;
  margin-top: 10px;
}

.paticka-3 li{
  display: block;
  float: left;
  margin-left: 5px;
}

.paticka-2{
  display: block;
  clear: left;
  padding-top: 10px;
}


/* ---------------------------------------------------------- Patička --- */

.FooterMenu {

}

.FooterMenu ul {
  float: left;
  width: 150px;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  list-style: none;
}

.FooterMenu li {
  display: inline;
}

.FooterMenu a {
  display: block;
  line-height: 18px;
  color: #777;
  text-decoration:none;
}

.FooterMenu .Black {
  color: #000;
}

.foot-icons{
clear: both;
display: block;
margin-top: 10px;
margin-left: 30px;
}

.AuthorFormBig {
  margin-top: 10px;
  border: 1px solid #D4D0C8;
  width: 100%;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  ddheight:400px;
    
}

.AuthorFormBig .AccountFormLabel {
  float: left;
  width: 150px;
  padding-top: 3px;
}

.AuthorFormBig .AccountFormLineLong .AccountFormLabel {
  float: left;
  width: 300px;
  padding-top: 3px;
}

.AuthorFormBig input {
  float: left;
  width: 550px;
  margin-bottom: 5px;
}

.BookFormFormLine label {
  float:left; width:58px;
}

.BookFormFormLine input {
  width:150px !important;float:left;margin-right:10px;margin-top:-4px;
}

.bookCnt {
  width:20px;
  text-align: center;
}

.author{
  margin: 10px;
  padding-bottom: 10px;
  color: gray;
}

.author a{
  color: gray;
  text-decoration: none;
}

.author a:hover{
  color: black;
  text-decoration: underline;
}

#menu{
  display: block;
  width: 200px;
  margin-left: 10px;
  margin-top: 20px;
}

#menu h2{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  margin-left: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid gray;
  margin-bottom: 10px;
}

#menu ul{
  margin: 0px;
  padding: 0px;
}

#menu li{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  margin-left: 5px;
}

#menu a{
  text-decoration: none;
  display: block;
  width: 193px;
  height: 20px;
  padding-left: 10px;
  padding-top: 5px;
  color: black;
  background-image: url(../images/pozadi-8.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  overflow: hidden;
  margin-bottom: 5px;
}

#menu a:hover, #menu .active{
  text-decoration: none;
  display: block;
  width: 193px;
  height: 20px;
  padding-left: 10px;
  padding-top: 5px;
  color: #ffc602;
  background-image: url(../images/pozadi-8.jpg);
  background-repeat: no-repeat;
  background-position: 0px -25px;
  overflow: hidden;
  margin-bottom: 5px;
}



#newsletter{
  width: 195px;
  min-height: 95px;
  display: block;
  background-color: #f1f1ef;
  -moz-border-radius: 10px;
  border-radius: 10px;
  margin-left: 15px;
  margin-top: 20px;
  padding-bottom: 10px;
  clear: both;
}

#newsletter h2{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
  margin-left: 5px;
  padding: 5px;
  margin-bottom: 5px;
}

#newsletter input{
  width: 170px;
  border: none;
  margin-left: 7px;
  padding: 3px;
}

.newsletter-2{
  text-decoration: none;
  display: block;
  width: 90px !important;
  height: 28px;
  padding-left: 0px;
  padding-top: 5px;
  background-image: url(../images/sub-1.png);
  background-repeat: no-repeat;
  float: left;
  margin-right: 10px;
  margin-top: 5px;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid red;
}

.newsletter-2:hover{
  background-position: 0px -28px;
}

#newsletter .error_msg, #newsletter .okMsg {
  margin: -5px 0px 5px 10px;
}

#new-menu{
  display: block;
  width: 950px;
  height: 35px;
}

#new-menu a{
  text-decoration: none;
  display: block;
  width: 79px;
  height: 25px;
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
  background-image: url(../images/pozadi-9.jpg);
  background-repeat: no-repeat;
  float: left;
}

#new-menu a:hover{
  text-decoration: none;
  color: #fec501;
  font-size: 12px;
  padding-top: 10px;
  background-image: url(../images/pozadi-9.jpg);
  background-repeat: no-repeat;
  background-position: 0px -35px;
}

.new-2{
  color: orange;
  text-decoration: none;
  display: block;
  width: 79px;
  height: 25px;
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
  float: left;
  color:black;
}


.new-3{
  text-decoration: none;
  display: block;
  width: 79px;
  height: 25px;
  text-align: center;
  font-size: 12px;
  padding-top: 10px;
  background-image: url(../images/pozadi-9.jpg);
  background-repeat: no-repeat;
  background-position: 0px -35px;
  color: #fec501;
  float: left;
}

.vypis-1{
  display: block;
  color: white;
  background-position: -1px -1px;
  background-image: url(../images/back-news-01.jpg) !important;
	background-repeat: repeat-x;
	background-color: none;		
}  

.foto-1{
  height: 138px;
  max-width: 115px;
  display: block;
  margin: 0px auto;
  overflow: hidden;
  text-align: center;
  margin-top: 10px;
}


.foto-2{
  width: 320px;
  overflow: hidden;
  text-align: center;
  float: left;
  padding-bottom: 15px;
}

.foto-2 div {
  text-align: left;
  width: 100%;
  padding-left:10px;
  font-style: italic;
  line-height: 25px;
  vertical-align: middle;
  clear: both;
  border-bottom: 1px solid #ccc;
  display: block;
  float: left;
}

.foto-2 div span {
  font-weight: bold;
  font-style: normal;
  width: 85px;
  display: block;
  float: left;
}

.foto-2 .pdf-icon{
	width: auto !important;
	font-weight: normal;	
	padding-left: 20px;
	padding-right: 5px;
	display: block;
	float: left;
	background: url(../images/icons/pdf.gif) no-repeat left center;
	margin-right: 5px;
}

.foto-2 .epub-icon{
	width: auto !important;
	font-weight: normal;	
	padding-left: 20px;
	padding-right: 5px;
	display: block;
	float: left;
	background: url(../images/icons/epub.png) no-repeat left center;
	margin-right: 5px;	
}

.foto-2 .mobil-icon{
	width: auto !important;
	font-weight: normal;	
	padding-left: 20px;
	padding-right: 5px;
	display: block;
	float: left;
	background: url(../images/icons/kindle.png) no-repeat left center;
	margin-right: 5px;
}

/*
.box-1{
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 225px;
  height: 213px;
  display: block;
  border: 1px solid #dddddd;
  background-image: url(../images/pozadi-10.jpg);
  background-repeat: no-repeat; 
  background-position: bottom;
  text-decoration: none;
  margin-right: 9px;
  float: left;
  font-size: 11px;
  cursor: pointer; 
}
*/

.box-1{
  position: relative;
  margin: 0px;
  padding: 0px;
  width: 187px;
  height: 275px;
  display: block;
  border-right: 1px solid #dddddd;
  /*background-image: url(../images/pozadi-10.jpg);
  background-repeat: no-repeat; 
  background-position: bottom;*/
  text-decoration: none;
  margin-right: 0px;
  float: left;
  font-size: 11px;
  cursor: pointer; 
}

.vypis-1 .box-1 {
  border-right: 1px solid #555;
}

.box-1 img {
/*width: 100% !important;
max-height: 130px !important;	
display: block;  */
max-width: 100% !important;
max-height: 130px !important;
display: block;
margin: 0px auto;
}


.box-1:hover{
  /*border: 1px solid black;*/
}

.name-1{
  color: black;
  margin-top: 10px;
  padding-top: 3px;
  display: block;
  overflow: hidden;
  /*height: 30px;*/  
  /*width: 80%;*/
  width: 90%;  
  text-align: center;
  font-weight: bold;
  margin: 0px auto;
}

.name-1 a{
  color:black;text-decoration:none;
}

.ukazka-1{
  color: black;
  margin-top: 10px;
  padding-top: 3px;
  display: block;
  overflow: hidden;  
  width: 80%;
  text-align: center;
  font-weight: bold;
  margin: 0px auto;
  font-weight:normal;
}

.ukazka-1 a{
  color:black;text-decoration:none;
}

.author-1{
  color: orange;
  padding-left: 5px;
  padding-top: 3px;
  display: block;
  overflow: hidden;
  height: 16px;  
  width: 80%;
  text-align: center;
  font-weight: normal;
  margin: 0px auto; 
}

.author-1 a{
  text-decoration:none; 
}

.vypis-1 .author-1 a {
  color: #000;
}

.vypis-1 .kosik-mini {
  background-color: #3D3A35;
  padding: 3px;
  border-radius: 3px;
}

.vypis-1 .Nahled {
  background-color: #3D3A35;
  padding: 3px;
  border-radius: 3px;
}


.price-1{
  color: black;
  padding-left: 5px;
  padding-top: 3px;
  display: block;
  overflow: hidden;
  height: 16px;  
  width: 80%;
  text-align: center;
  font-weight: normal;
  margin: 0px auto;
}

.price-2{
  color: black;
  padding-left: 5px;
  padding-top: 3px;
  display: block;
  overflow: hidden;
  height: 16px;  
  width: 80%;
  text-align: center;
  font-weight: bold;
  margin: 0px auto;
}

.detail-1{
width: 100%;
height: 95%;
display: block;
position: relative;
z-index: 500;	
}

.more-1{
  font-size: 10px;
  color: black;
  text-decoration: underline;
  float: right;
  padding-top: 5px;
  padding-right: 20px;
}

.more-1:hover{
  font-size: 10px;
  color: orange;
  text-decoration: underline;
  float: right;
  padding-top: 5px;
  padding-right: 20px;
}

.strankovani{
  display: block;
  padding: 10px 5px 5px 0px;
  width: 100%;
  text-align: center;
  margin: 0px auto;
  border-top: 1px solid #dddddd;
  margin-top: 5px;
  margin-left: 0px;
}

.strankovani-1 a{
  display: block;
  float: left;
  margin-left: 3px;
  margin-right: 3px;
  padding-top: 2px;
  width: 21px;
  height: 19px;
  text-decoration:none;
  color: gray;
  text-align:center;
}

.strankovani-1 a:hover{
  background-image: url(../images/pozadi-11.jpg);
  background-repeat: no-repeat; 
  background-position: bottom;
  color: black;  
}

.sipka-leva{
  text-decoration: none;
  width: 14px;
  height: 15px;
  background-image: url(../images/sipka-leva.jpg);
  background-repeat: no-repeat;
  display: block; 
  float: left;
  margin: 3px;
  padding-right: 10px;
}

.sipka-leva:hover{
  text-decoration: none;
  background-image: url(../images/sipka-leva.jpg);
  background-repeat: no-repeat;
  background-position: 0px -15px;
  display: block; 
}

.sipka-prava{
  text-decoration: none;
  width: 14px;
  height: 15px;
  background-image: url(../images/sipka-prava.jpg);
  background-repeat: no-repeat;
  display: block; 
  float: left;
  margin: 3px;
  padding-left: 10px;
}

.sipka-prava:hover{
  text-decoration: none;
  background-image: url(../images/sipka-prava.jpg);
  background-repeat: no-repeat;
  background-position: 0px -15px;
  display: block; 
}

.strankovani .active{
  background-image: url(../images/pozadi-11.jpg);
  background-repeat: no-repeat;
  display: block; 
  float: left;
  padding-top: 2px;
  width: 21px;
  height: 19px;
  text-decoration:none;
  color: black;
  text-align:center;
  margin-left: 3px;
  margin-right: 3px;
}


.back-1{
  text-decoration: none;
  display: block;
  float:left;
  margin: 0px 10px 0px 0px;
  text-transform: uppercase;
  padding: 6px;
  background: url(../images/menu.jpg) repeat-x;
  border: 1px solid #343434;
  border-radius: 5px;
  color: #febc01;
  font-size: 12px;
}

.back-1:hover{
}

.continue-1{
  text-decoration: none;
  display: block;
  float:left;
  margin: 0px 0px 0px 0px;
  padding: 6px;
  background: url(../images/menu.jpg) repeat-x;
  border: 1px solid #343434;
  border-radius: 5px;
  color: #febc01;
  font-size: 12px;
  text-transform: uppercase;
}

.continue-1:hover{
}


#publishform-3{
  width:700px;
  margin-right:5px;
  padding-bottom: 20px;
}
                      
#publishform-1 input, #publishform-1 textarea, #publishform-1 select,
#publishform-2 input, #publishform-2 textarea, #publishform-2 select{
  width: 300px;
  font-family: Verdana;
  font-size:12px;
}

#publishform-2 .checkbox {
  width: auto;
}

#publishform-3 input, #publishform-3 textarea, #publishform-3 select{
  width:700px;
  font-family: Verdana;
  font-size:12px;
}
                      
#publishform-1 legend, #publishform-2 legend, #publishform-3 legend{
  font-weight:bold;
}

#publishform-1 label{    
}

.odsazeni-1{
float: left;
width: 200px;
display: block;
margin-left: 30px;

}

.Accept{
  width:358px;
  height:20px;
  float:left;
  margin-top:5px;
  margin-bottom:20px;
}

.book-list .box-1 {
  margin-bottom:10px;
  margin-top:0px;
}

.rada h2 a {
  text-decoration:none;
  color: black;
}

.error_msg{
  color:red;
}

.okMsg {
  color:green;
}

.okMsg2{
  color:green;
  padding-left:10px;
  padding-bottom:5px;
}

.okMsg3{
  padding-left:10px;
  padding-bottom:5px;
}

.ramecek-1{
  margin: 0px;
  padding: 0px;
  display: block;
  padding: 20px;
  margin: 20px 0px 20px 0px;
  border: 1px solid #D4D0C8;
  background-color: #eeeeee;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.ramecek-1a{
  margin: 0px;
  padding: 0px;
  display: block;
  padding: 20px;
  margin: 20px 0px 20px 0px;
  border: 1px solid #D4D0C8;
  background-image: url(../images/ok.jpg);
  background-repeat: no-repeat;
  background-position: 640px 10px;
  background-color: #eeeeee;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.ramecek-1a p{
  width: 600px;
  display: block;
}

.ramecek-1 h2{
  margin: 0px;
  padding: 0px;
  display: block;
  margin-top: -30px;

}

.ramecek-2{
  margin: 0px auto;
  width: 200px;
  height: 45px;
  text-align: center;
  display: block;
}

#stred input, #dialog-registration input{
  padding: 3px;
  border: 1px solid #D4D0C8;  
}

#stred textarea{
  padding: 3px;
  border: 1px solid #D4D0C8;  
}

#stred select{
  padding: 3px;
  border: 1px solid #D4D0C8;  
}

#stred p, #dialog-registration p{
  padding-right:10px;
  text-align: justify;
}

#publishform-1{
  width: 320px;
  margin-top: 20px;
  padding: 15px;
  background-color: #eeeeee;
  -moz-border-radius: 10px;
  border-radius: 10px;
  float:left;  
}

#publishform-2{
  width: 320px;
  margin-top: 20px;
  margin-left: 20px;
  padding: 15px;
  background-color: #dadada;
  -moz-border-radius: 10px;
  border-radius: 10px;
  float:left;
}

#publishform-3{
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 20px;
  background-color: #dadada;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.input-1{
  padding: 3px;
  border: 1px solid #D4D0C8 !important;  
}

.continue-2{
  text-decoration: none;
  display: block;
  float:left;
  padding: 5px !important;
  background: url(../images/menu.jpg) repeat-x;
  border: 1px solid #343434 !important;
  border-radius: 5px;
  color: #febc01;
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 10px;
  margin-top: 0px;
  cursor: pointer;
}

.continue-2:hover{
}


/*.continue-2{
  margin-top: 5px;
  width: 90px;
  height: 28px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 5px;
  background-color: #dadada;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  float: left;
  color: ffbd00;
}     */


#obligatory {
  width:733px;
  margin:0px 5px 15px 2px;
  padding: 5px 5px 5px 5px;
  float:left;
  color: white;
  background-color:red;
  border: 2px solid #b80101;
  -moz-border-radius: 5px;
  border-radius: 5px;  
}

#BioLen, #KeyLen{
  width:25px !important;
  border:none !important;
  text-align:right;
  font-family: Verdana;
}

#DescLen, #PreviewLen,#ContentLen {
  padding: 3px; 
  width:33px !important;
  border:none !important;
  text-align:right;
  font-family: Verdana;
}

.required{
  border-color: red !important;  
}

.required2{
  color:red;  
}

.pocitani-1{
  background-color: #eeeeee !important;
}

.pocitani-3{
  background-color: #dadada !important;
}

.error_msg2{
  display: block;
  padding-left: 10px;
  padding-bottom: 5px;
  color: red;
}

.book{
  display: block;
  padding: 0px;
} 

.desc-1{
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  line-height: 20px;
  text-align: justify;
}

.info-1{
  margin: 0px;
  padding: 0px;
  display: block;
  border-top: 1px solid #dadada;
  padding-top: 10px;
  font-size: 16px;
  font-weight: bold;
  margin-top: 15px;
  float: left;
  width: 100%;
  text-align: center;
}

.info-2{
  margin-top: 10px;
  float: left;
  display: block;
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
}

.koupit-1{
  -moz-border-radius: 5px;
  border-radius: 5px;  
  padding-left: 10px;
  padding-right: 10px;  
  width: 90px;
}

.koupit-1:hover{
  opacity: 0.8;
  cursor: pointer;
}

.info-3{
  margin: 0px;
  padding: 0px;
  display: block;
  width: 250px;
  height: 115px;
  /*border: 1px solid #dadada;*/ 
  padding: 20px;
  margin-left: 20px;
  float: left; 
}

.foto-1a {
  margin: 0px;
  padding: 0px;
  display: block;
  width: 180px;
  padding: 20px;
  margin-left: 0px;
  float: left;
  background-color: white; 
  text-align: center;
}

.kniha-1{
  margin: 0px;
  padding: 0px;
  display: block;
  width: 700px;
  background-color: #f5f5f5;
  padding: 10px;
  margin-left: 0px;
  margin-top: 15px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #dadada; 
}


.ramecek-3{
  height: 45px;
  /*overflow: hidden;*/
  margin: 0px;
  padding: 0px;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 15px;
  margin-right: 40px;
  border: 1px solid #D4D0C8;
  background-image:  url(../images/pozadi-12.jpg);
  background-repeat: repeat-x;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: white;
}

.ramecek-3 a{
  margin: 0px;
  padding: 0px;
  display: block;
  text-align: center;
  margin-top: 8px;
  text-decoration: none;
  background-color: #feb301;
  float: right;
  color: #000;
  font-weight: normal;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #ea8a00;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;   
  padding-top: 5px;
  padding-bottom: 5px;
}

.ramecek-3 a:hover{
  background-color: green;
  border: 1px solid #0d6901;
  color: white; 
}

.font-16{
  font-size: 16px;
  float: left;
  margin-top: 10px;
}
  
.delete-1{
  width: 120px;
  display: block;
  text-align: center;
  padding: 10px;
  margin-top: 50px;
  text-decoration: none;
  background-color: #eeeeee;
  float: left;
  color: black;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #dadada;
}

.delete-1:hover{
  background-color: #d10000;
  color: white;
  border: 1px solid #8c0101;
}

.login-1{
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #D4D0C8;
  width: 300px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;  
}

.login-2 {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #D4D0C8;
  width: 310px;
  height: 190px;
  float: left;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;  
}

.login-3 {
  margin: 20px 0px 0px 40px;
  padding: 20px;
  border: 1px solid #D4D0C8;
  width: 310px;
  float: left;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;  
}

.send-pwd{
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #D4D0C8;
  width: 360px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
}

.login-1 input, .login-2 input, .login-3 input {
  width: 150px;
  float: left;
  display: block;
  margin-top: 5px;
}

.login-1 label, .login-2 label, .login-3 label, .send-pwd label{
  width: 140px;
  padding-top: 7px;
  float: left;
  display: block;
}

.tlaciko-2{
  margin-left: 140px;
  width: 158px !important;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-top: 10px  !important;
  cursor: pointer;
}

.tlaciko-2:hover{
  margin-left: 130px;
  width: 158px !important;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-top: 10px  !important;
  cursor: pointer;
  background-color: black;
  border: 1px solid black !important;
  color: white;
}



.clear{
clear: both;
}

#terms .title {
  font-weight:bold;text-align:center;
}

#terms .title2 {
  font-weight:bold;text-align:center;text-decoration:underline;
}

#terms ol li p {
  text-align:justify;padding-right:30px;
}

.privacy h3 {
  text-align:center;
  text-decoration:underline;
  font-size:12px;
}

.privacy p {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom:20px;
}

.posun-13 {
  padding: 0px !important;
  margin: 0px !important;
  display: block;
  float: left;
  width: /*350px*/ 100%;
  padding-top: 5px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  background-image:  url(../images/pozadi-13.jpg);
  background-repeat: no-repeat;
  float: left;
  overflow: hidden;
  border: none !important;
  -moz-border-radius: 5px !important;
}

.desc-13{
  float: left;
  margin-top: 30px;
}

.text-13{
  display: block;
  padding: 10px;
  line-height: 20px;
  text-align: justify;
  width: 590px;
}

.posun-14 {
  padding: 0px !important;
  margin: 0px !important;
  display: block;
  float: left;
  width: /*350px*/ 100%;
  padding-top: 5px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  background-image:  url(../images/pozadi-14.jpg);
  background-repeat: no-repeat;
  float: left;
  overflow: hidden;
  border: none !important;
  color: white;
  -moz-border-radius: 5px !important;
}

.desc-all{
  display: block;
  float: left;
  width: 610px;
  padding-left: 10px;
}

.desc-14{
  float: left;
  margin-top: 30px;
}

.text-14{
  display: block;
  padding: 10px;
  line-height: 20px;
  text-align: justify;
  width: 590px;
}

.posun-15 {
  padding: 0px !important;
  margin: 0px !important;
  display: block;
  float: left;
  width: 100%;
  padding-top: 5px !important;
  padding-bottom: 10px !important;
  padding-left: 10px !important;
  background-image:  url(../images/pozadi-15.jpg);
  background-repeat: no-repeat;
  float: left;
  overflow: hidden;
  border: none !important;
  -moz-border-radius: 5px !important;
}

.lh2{
  margin: 0px;
  padding: 0px;
  font-size: 16px;
  font-weight: normal;
  border-bottom: 2px solid orange;
  margin-top: 10px;
  margin-bottom: 10px;
}

.desc-15{
  float: left;
}

.text-15{
  display: block;
  padding: 10px;
  line-height: 20px;
  text-align: justify;
  width: 590px;
}

.fifth-line{
  display: block;
  margin-top: 10px:
  padding-bottom: 10px;
  border-top: 1px solid rgb(221, 221, 221);
  width: 100%;
  float: left; 
}

/* ----------------------------------------------- AccountMenu --- */

.Account {
  width: 976px;
  padding: 12px;
  margin-bottom: 8px;
  overflow: hidden;
  background: url(../images/account.gif) no-repeat;
}

.AccountMenu ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.AccountMenu li {
  display: inline;
}

.AccountMenu a {
  float: left;
  padding: 5px 10px 5px 10px;
  border-right: 1px solid #ddd;
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
}

.AccountMenu .active {
  color: #FFA500;
}

.AccountLogin {
  float: right;
  padding: 5px 10px 0px 0px;
  text-transform: uppercase;
}

.AccountLogin span {
  color: #FFA500;
}

/* ----------------------------------------------- Text --- */

.ContentRight {
  width: 49%;
  float: right;
}

.ContentRight p {
  padding: 0px 0px 0px 8px;
}


/* ----------------------------------------------- AccountForm --- */

.AccountFormBig {
  margin-top: 10px;
  border: 1px solid #D4D0C8;
  width: 100%;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;  
}

.AccountFormSmall {
  margin-top: 10px;
  border: 1px solid #D4D0C8;
  width: 50%;
  float: left;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;  
}

.AuthorFormBig {
  margin-top: 10px;
  border: 1px solid #D4D0C8;
  width: 100%;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;  
}

.AccountFormContent, .AuthorFormContent {
  padding: 20px;
}

.AccountFormContent h3, .AuthorFormBig h3, .login-2 h3, .login-3 h3 {
  font-weight: normal;
  font-size: 17px;
  margin-top: 0px;
  text-transform: uppercase;
}

.AccountFormLine {
  clear: both;
  padding: 10px 0px 10px 0px
}

.AccountFormLineLong {
  clear: both;
  padding: 10px 0px 10px 0px
}

.AccountFormLine .LabelLong {
  float: left;
  width: auto !important;
}

.AccountFormBig .AccountFormLabel {
  float: left;
  width: 150px;
  padding-top: 3px;
}

.AccountFormSmall .AccountFormLabel {
  float: left;
  width: 127px;
  padding-top: 3px;
}

.AccountFormBig .AccountFormLineLong .AccountFormLabel {
  float: left;
  width: 300px;
  padding-top: 3px;
}

.AccountFormBig input {
  float: left;
  width: 550px;
  margin-bottom: 5px;
}

.AccountFormSmall input {
  float: left;
  width: 200px;
  margin-bottom: 5px;
}

.AccountFormInputSmall {
  float: none !important;
  width: 100px !important;
}

.AccountFormLine textarea {
  width: 550px;
}

.AccountFormCharacters {
  padding: 5px 0px 0px 150px;
}

.Characters {
  float: none !important;
  background-color: #dadada !important;
}

.Characters2 {
  float: none !important;
}

.AccountFormLine input[type="radio"] {
background: transparent;
border: none !important;
width: auto;
}

.AccountFormLine input[type="checkbox"] {
background: transparent;
border: none !important;
width: auto;
}

.AccountFormLineLong input[type="file"] {
background: transparent;
width: auto;
}

.AccountFormButton {
  float: right !important;
  width: 158px !important;  
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-top: 10px;
  cursor: pointer;
}

.AccountFormButton:hover{
  background-color: #454545;
  border: 1px solid #000 !important;
  color: #fff;
}

.GenerateFormButton {
  width: 158px !important;  
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin-top: 10px;
  cursor: pointer;
}

.GenerateFormButton:hover{
  background-color: #454545;
  border: 1px solid #000 !important;
  color: #fff;
}

.NoFloat {
  float: none !important; 
}

/* ----------------------------------------------- TextBox --- */

.TextBox {
  margin: 0px;
  padding: 0px;
  display: block;
  padding: 20px;
  margin: 20px 0px 20px 0px;
  border: 1px solid #D4D0C8;
  background-color: #eeeeee;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* ----------------------------------------------- BooksTable --- */

.DivBooksTable {
  border: 1px solid #ddd;
  overflow: hidden;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.BooksTable {
  width: 100%;
  border-collapse: collapse;
}

.BooksTable th {
  padding: 5px;
  /*background: #f1f1ef;*/
  text-align: center;
}

.BooksTable td {
  padding: 5px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  text-align: center;
}

.downloadlinks {
  display:block;
  padding-left:40px;
  width:100%;
}

.pdf {
  background: url(../images/icons/pdf.gif) no-repeat;
  padding-left:21px;
  display:block;
  height:16px;
  padding-top:1px;
  text-align:left;
}

.epub {
  background: url(../images/icons/epub.png) no-repeat;
  padding-left:21px;
  display:block;
  height:16px;
  padding-top:1px;
  text-align:left;
}

.mobi {
  background: url(../images/icons/kindle.png) no-repeat;
  padding-left:21px;
  display:block;
  height:16px;
  padding-top:1px;
  text-align:left;
} 

/*-------------------------------------------------------------------------------*/

.BuyPrice {
  margin-top: 10px;
  padding: 10px;
  background-image:  url(../images/pozadi-12.jpg);
  background-repeat: repeat-x;
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
}

.BuySelect {
  padding: 10px;
  margin: 10px 0px;
  border: 1px solid #DADADA;
  background: #F5F5F5;
  border-radius: 10px;
} 

.BuySelect span {
  padding-bottom: 5px;
  display: block;
}
 
.BuyButton a{
  float: left;
  display: block;
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  background: #FF8B00 url(../images/pozadi-13.jpg) no-repeat -10px 0px;
 }  
 
/*.Nahled {
  display: block;
  position: absolute;
  bottom: 0px;
  right: 5px;
  width: 20px;
  height: 17px;
  border-radius: 10px;
  background: url(../images/button-search.png) no-repeat center; 
 }*/
 
.Nahled {
	display: block;
	position: absolute;
	bottom: 68px;
	right: 10px;
	width: 20px;
	height: 17px;
	border-radius: 10px;
	background: url(../images/button-search.png) no-repeat center;  
z-index: 900;
}

.kosik-mini{
	display: block;
	position: absolute;
	bottom: 7px;
	right: 10px;
	width: 23px;
	height: 20px;
	background: url(../images/ikona-kosik.png) no-repeat center;  
}	

.fifth{
border:none !important;	
}

.formaty-footer{
	float: right;	
}

.formaty-footer span{
	float: left;		
}

.formaty-footer .pdf-icon{
	width: auto !important;
	font-weight: normal;	
	padding-left: 20px;
	padding-right: 5px;
	display: block;
	float: left;
	background: url(../images/icons/pdf.gif) no-repeat left center;
	margin-right: 5px;
}

.formaty-footer .epub-icon{
	width: auto !important;
	font-weight: normal;	
	padding-left: 20px;
	padding-right: 5px;
	display: block;
	float: left;
	background: url(../images/icons/epub.png) no-repeat left center;
	margin-right: 5px;	
}

.formaty-footer .mobil-icon{
	width: auto !important;
	font-weight: normal;	
	padding-left: 20px;
	padding-right: 5px;
	display: block;
	float: left;
	background: url(../images/icons/kindle.png) no-repeat left center;
	margin-right: 5px;
}

/*HODNOCENI*/

.orange-01{
  color: #ffa500;
}

.lh3{
  font-weight: bold;
  font-size: 14px;
  margin-top:10px;
  margin-bottom:10px;
}

#dotazy h2{
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  border-bottom:none;
  margin-top: 10px;
  margin-bottom:0px !important;
}

.hodnoceni-box-2{
  width: 100%;
  height: 40px;
  display: block;
  border-bottom: 1px solid #ccc;
  clear: both;
  margin-bottom: 15px;
  position: relative;
}

.pridat-hodnoceni-box{
  width: 250px;
  float: right;
  display: block;
}

.hodnoceni-hvezdy{
  float: left;
  width: 120px;
}

.hodnoceni-hvezdy a{
  text-decoration:none; 
}

.hodnoceni-info{
  width: 500px;
  float: left;
}

#pridat-knihu{
  float:right; 
}

.napsat-vlastni-hodnoceni{
  padding-left: 15px;
  padding-right: 15px;
  /*padding-top: 10px;
  padding-bottom: 10px;*/
  display: block;
  font-size: 15px;
  text-decoration: none;
  color: #000;
	background: url(../images/back-recenze.jpg) repeat-x left center;
  line-height: 48px;
  vertical-align: middle;
  width: 260px;
  text-align: center;  
  border-radius: 10px;
  position: absolute;
  top: -20px;
  right: 0px;  
}

.napsat-vlastni-hodnoceni:hover{
  color: #fff;
}

.recenze-text-box{
  padding: 10px;
  display: block;
  border: 1px solid #dadada;
  clear: both;  
  color: #000;
	background-color: #f7f5f6;    
  border-radius: 10px;
  margin-bottom: 10px;
}

.recenze-nadpis{
  position: relative;
  height: 25px;
  margin-top: 20px;  
}

.recenze-jmeno{
  font-weight: bold;
  padding-left: 10px;
}

.hodnoceni-nazev{
  font-weight: bold;
  padding-right: 15px;
  padding-left: 15px; 
  color: #ffa500;  
}

.recenze-nadpis-leva{
  float: left;
  width: 600px;
  display: block;
  overflow: hidden;
}

.recenze-nadpis-prava{
  position: absolute;
  right: 0px;
  height: 25px;
  top: 0px;
	background: url(../images/nazev-hodnoceni.jpg) no-repeat bottom center;  
  margin-top: 1px;     
}

/*SEZNAM AUTORŮ*/


#seznam-autoru-box{
  display: block;
  padding: 20px;
  background-color: #fff2e2;
  border: 1px solid #fed17e;
  margin-top: 20px;
  height: 85px;
  clear: both;
  border-radius: 10px;
  overflow: hidden;
}

#seznam-autoru-box ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  max-height: 120px;
  float: left;
}

#seznam-autoru-box ul li{
  margin: 0px;
  padding: 0px;
  width: 100px;
}

#seznam-autoru-box .seznam-autoru-1 a{
  display: block;
  width: 100px;
  line-height: 30px;
  padding-left: 15px;
  vertical-align: middle;
  background-image: url(../images/odrazka-02.png);
  background-repeat: no-repeat;
  background-position: 0px -17px;  
  font-size: 16px;
}

#seznam-autoru-box .seznam-autoru-1 a:hover{
  background-position: 0px 13px;
  color: #000; 
}

#seznam-autoru-vypis{
  margin: 0px;
  padding: 20px;   
}

#seznam-autoru-vypis ul{
  margin: 0px;
  padding: 0px; 
  color: #dadada; 
}

#seznam-autoru-vypis ul li a{
  margin: 0px;
  padding: 0px;
  display: block;
  width: 250px;
  line-height: 30px;
  padding-left: 0px;
  vertical-align: middle;     
  color: #000; 
  text-decoration: none;
}

#seznam-autoru-vypis ul li a:hover{   
  color: #ffa103;       
  text-decoration: underline;
}

.mena{
	width: 112px;
	display: block;
	/*border: 1px solid red;*/
	margin: 0px;
	padding: 0px;
	right: 160px;
	top: 70px;
	position: absolute;	
}

.mena-text{
	padding-bottom: 3px;	
}

.mena select{
	width: 110px;
	padding: 1px;
}

/*#bookNew .box-1:hover{
	background-color: #fff;		
}*/

/*responsivní zobrazení*/

@media (max-width: 402px) {
.slogan{width:100%!important;}
.SearchInput{width:255px!important;}
.slogan .slogan2{padding-left:0;}
.mena{left:20px;right:auto;}
.FooterMenu ul{float:none;}
.vypis-1{height: auto;
    background: #fdcc56;
    background-image: inherit!important;}
    .box-1{width:49%!important;}
    .vypis-1{height:auto!important;}
    .paticka-2{text-align:left!important;}
}

@media (min-width: 403px){
.vypis-1{height: auto;
    background: #fdcc56;
    background-image: inherit!important;}
    .box-1{width:49%!important;}
    .vypis-1{height:auto!important;}
    .FooterMenu ul{float:none;}
    .paticka-2{text-align:left!important;}
    
}

@media (min-width: 576px) {
.box-1{width:33%!important}
.FooterMenu ul{float:left;}
.paticka-2{text-align:center!important;}
}

@media (max-width:577px){
.foto-2{width:100%!important;}
.desc-all{width:100%!important;float:none;}
.text-13, .text-14, .text-15{padding:0px;padding-top:10px;}
.pridat-hodnoceni-box{width:auto;float:none;}
.napsat-vlastni-hodnoceni{position:inherit;margin-bottom:15px;width:94%;}
.AccountFormBig input,.AccountFormLine textarea{width:100%;}
}

@media (min-width: 768px) {
.vypis-1{    background-image: url(../images/back-news-01.jpg) !important;background:transparent;}
.box-1{width:19%!important;}

}


@media (max-width: 768px) {
.SubMenu,.Menu{display:none;}
.topnav{background-color:#ffffff;}
.menu {position:relative;display:inline-block;width:100%;} 
.menu ul.active {display:none;}
.menu ul{width:100%;position:absolute;top:100%;margin:0;left:0px;padding:10px 18px;box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:#303030;z-index:99999;}
.menu li {margin:5px 0px 5px 0px;float:none;display:block;}
.menu a{display:block;font-size: 15px;text-decoration: none;padding-bottom: 15px;font-weight:600;} 
.menu a:hover{text-decoration:underline;}
.toggle-nav{font-weight:400!important;float:right;padding:20px;float:right;display:inline-block;box-shadow:0px 1px 1px rgba(0,0,0,0.15);border-radius:3px;background:#303030;text-shadow:0px 1px 0px rgba(0,0,0,0.5);color:#000000;font-size:20px;transition:color linear 0.15s;background: url(../images/publish.jpg) repeat-x;border: 1px solid #FA8B08;background-size: contain;text-decoration: none;}
.toggle-nav:hover, .toggle-nav.active {text-decoration:none;color:#000000;}

.book-list div{width:97%;overflow:auto;}
.book-list .foto-1a,.book-list .delete-1{width:auto;}
.book-list .info-3{width:33%}
.ui-dialog{width:100%!important;}
.login-1{width:100%;}
.login-1 label{float:none;}

#stred input, #dialog-registration input{margin-bottom:15px;}
.login-1 input, .login-2 input, .login-3 input{float:none;}
.tlaciko-2{margin:0px;}
.AccountMenu li{text-align:center;display:block;line-height:25px;}
.AccountMenu a{border-right:0;}
.AccountFormCharacters{padding-left:0;}

}
@media (min-width: 769px) {
.topnav{display:none;}
.SubMenu,.Menu{display:block;}

}


@media (max-width:944px){
#hlavicka{height: auto;background: white;overflow: hidden;}
.logo-1{float:none;text-align:center;margin-left:0px;}
.mena{top:20px;right:20px;}
.slogan{float:none;margin:0px auto;width:450px;}
.cntInfo{text-align:center;position:inherit;left:0;top:0;}
.slogan .slogan2{width:auto;padding-left:23px;}
.Publish,.Login{ float:none;text-align:center;margin:0;margin-top:34px;}
.Publish a.publish-1,.Login a.ButtonLogin{float:none!important;}
#basket{float:none;padding-left:0;padding-bottom:15px;padding-top:34px;}
#basket a.basket-1{margin:0px auto;}
ul.SubMenuMar,ul.SubMenuMar2{margin: 5px 0 0 4px}
.AccountLogin{text-align:center;}
.Account{width:90%;background: white;border: 5px solid grey;border-radius: 11px;margin: 0px auto;}
 .AccountMenu a{float:none;}
 

}

@media (max-width:960px){
.foto-2{width:25%;}
.desc-all{width:70%;}
.text-13,.text-14,.text-15{width:100%;}
}

@media (max-width: 992px) {
#kontejner{width: 960px;max-width: 100%;}
#hlavicka,#obsah-top,#obsah-bottom,.paticka{width:100%;margin:0px auto;}
#obsah{margin-right: -15px;margin-left: -15px;}
#obsah-top{margin-left: -4px!important;padding-right: 4px;}
#stred{padding:1px 25px 0 25px;float:none;width:auto;}
#new-menu{width:100%;}
.box-1{width:19%;}
.logo-mini{margin-right:60px;}
.slogan{background-size:contain;width:400px;}
.SearchInput{width:284px;}
.SearchButton{margin:15px 10px 0 0;}

.vypis-1{height: 308px;background-size: cover;}
#bookNew span.box-1{height:300px;}

.paticka{margin-bottom:10px;margin-top:10px;height:100%;padding-bottom:20px;}
.paticka-2{text-align:center;}
.Menu a,.SubMenu .SubMenu-info,.SubMenu ul{width:18%;}
.Menu .firstMenuItem a{width:18%!important}
#obsah-bottom{    margin-top: -12px!important;margin-left: -5px!important;padding-right: 5px;}
}

#hometext{
  text-align:center !important;
  margin:auto;
  padding-bottom:8px;
}