body {color:white; margin: 0; padding: 0; font: 76% georgia; text-align: center;}

/*div#page {width: 980px; margin: 0 auto; text-align: left;}*/

div#top {height: 150px; width: auto; background: url('../obr/background_top.gif') repeat-x;}
div#top img {border:none;}
div#top_middle {padding-left:20px; height: 130px; width: 980px; margin: 0 auto; /*border:1px solid red;*/}
div#top_left {float:left; text-align: left; height: 150px; width: 440px; /*background: url('../obr/logo.gif') no-repeat;*/}
div#top_right {clear:right; float:left; height: 150px; width: 500px; color:#FF0000;}
div#top_right a {text-decoration:none; color:white; font-size:15px;}
div#top_right a:hover {text-decoration:underline;}


div#top_right div#menu_small {float:right; height:20px; width:550px;background: url('../obr/menu_small.gif') no-repeat; /*background-color: black;*/}
div#top_right div#menu_small a {text-align:center; padding:5px;}
div#top_right div#kroky_k_vyhre img {margin-top:10px; /*height:110px;*/}

div#middle {height: 1080px; width: auto; background: url('../obr/background_middle.gif') repeat-x;}

div#middle_middle {padding-top:10px; padding-left:20px; width: 980px; margin: 0 auto; text-align: left;}

div#bottom {height: 80px; width: auto; background: url('../obr/background_bottom.gif') repeat-x;}
div#bottom center {color:black;}
div#bottom #copyright {padding-top:15px; color:black;}
div#bottom #copyright a {color:red; text-decoration:none;}
div#bottom #copyright a:hover {text-decoration:underline;}

div#menu {height: 50px; width: 100%;}
div#menu_left {float:left; height: 50px; text-align: left; width: 700px; background: url('../obr/menu_left.gif') no-repeat;}
div#menu_right {clear:right; height: 50px; float:left; width: 270px; background: url('../obr/menu_right.gif') no-repeat;}
div#menu_right .hledat {padding-top:14px; padding-left:17px;}
form {margin:0;}
div#menu_right .hledat a {text-decoration:none; color:white;}
div#menu_right .hledat a:hover {text-decoration:underline;}
div#menu_right .hledat input {border: 0; background: url('../obr/rounded.gif') top left no-repeat; width: 160px; height: 16px; padding: 3px 5px;}


div#stred {margin-top:20px; height: 1000px; width: 100%;}

div#stred_left {color:black; float:left; text-align: left; width: 680px; height: 980px; /*background-color:gray;*/ background: url('../obr/stred_left_pozadi.gif') no-repeat;}
div#stred_left a {color:#FF0000;}
div#stred_left h2 {margin-left:20px;}
div#stred_right {margin-left:20px; clear:right; float:left; width: 250px; height: 700px;}
div#stred_right a {color:black; text-decoration:none;}
div#stred_right a:hover {text-decoration:underline;}
div#stred_right #sloup1 {height: 140px; width: 100%; background: url('../obr/stred_right_sloup1_pozadi.gif') no-repeat;}
div#stred_right #sloup1 div#form_login {padding:10px;}
div#stred_right #sloup1 div#form_login .button {padding-top:10px;}
div#stred_right #sloup2 {margin-top:20px; height: 550px; width: 100%; /*border:1px solid red;*/background: url('../obr/stred_right_sloup2_pozadi.gif') no-repeat;}
div#stred_right #sloup3 {margin-top:20px; height: 250px; width: 100%; /*border:1px solid red;*/background: url('../obr/stred_right_sloup3_pozadi.gif') no-repeat;}

div#stred_left h1 {text-align:center; font-size:15px; margin-top:10px; color:white;}

div#stred_left .odkazy {text-align:center;}
div#stred_left .odkazy a {color:black; text-decoration:none;}
div#stred_left .odkazy a:hover {text-decoration:underline;}
div#stred_left .text .html_kod {text-align: left; font-style: italic; background: #d0d0d0; padding: 10px; border: 1px dashed black;}


div#stred_left .text {width:600px; border:2px solid black; background-color:#999999; padding:5px; margin:0 auto; margin-top:5px;}
div#stred_left .text p {padding-left:20px; padding-right:20px; text-align:justify;}
div#stred_left table {width:650px; border:1px solid black; background-color:#999999; padding:5px; margin:0 auto; margin-top:5px;}

div#stred_right .text {width:220px; /*border:2px solid black;*/ /*background-color:#999999;*/ padding:5px; margin:0 auto; padding-top:20px; color:black;}
div#stred_right .text p {padding-left:20px; padding-right:20px; text-align:justify;}
div#stred_right .text p a {padding-left:5px;}
div#stred_right .facebook {margin-left:50px;}
div#stred_right .text p strong {color:white;}

div#knihy_content {/*padding:20px;*/color:white;}

div#stred_left .kniha_small {float:left; margin-left:20px; margin-top:20px; height: 220px; width: 200px; text-align:center;}
div#stred_left .kniha_small .up {height: 182px; width: 100%; background: url('../obr/kniha_small_up.gif') no-repeat;}
div#stred_left .kniha_small .up strong {color:red;}
div#stred_left .kniha_small .up p {margin-top:7px;}
div#stred_left .kniha_small .down {margin-top:6px; height: 20px; width: 100%; text-align:center; font-size:15px; font-weight:bold; background: url('../obr/kniha_small_down.gif') no-repeat;}
div#stred_left .kniha_small .up h3 {padding:5px; margin:0;font-size:15px; text-align: center;}
div#stred_left .kniha_small .up h3 a {text-decoration:none; font-size:12px; text-align: center; color:red;}
div#stred_left .kniha_small .up h3 a:hover {text-decoration:underline;}
div#stred_left .kniha_small img {float:left; border:none; padding:0 0px 7px 7px; width: 100px; height: 148px;}

div#stred_right .kniha_small {margin-left:20px; margin-bottom:20px; color:white; float:left; height: 220px; width: 200px; text-align:center;}
div#stred_right .kniha_small .up {height: 182px; width: 100%; background: url('../obr/kniha_small_up.gif') no-repeat;}
div#stred_right .kniha_small .up strong {color:red;}
div#stred_right .kniha_small .up p {margin-top:7px;}
div#stred_right .kniha_small .down {margin-top:6px; height: 20px; width: 100%; text-align:center; font-size:15px; font-weight:bold; background: url('../obr/kniha_small_down.gif') no-repeat;}
div#stred_right .kniha_small .up h3 {padding:5px; margin:0; font-size:15px; text-align: center;}
div#stred_right .kniha_small .up h3 a {text-decoration:none; font-size:12px; text-align: center; color:red;}
div#stred_right .kniha_small .up h3 a:hover {text-decoration:underline;}
div#stred_right .kniha_small img {float:left; border:none; padding:0 0px 7px 7px; width: 100px; height: 148px;}

div#kniha_content {height:600px; width:100%; background: url('../obr/kniha_detail_pozadi.gif') no-repeat;}
div#kniha_content a {text-decoration:none; color:white;}
div#kniha_content a:hover {text-decoration:underline;}
div#kniha_content .left {font-weight:bold; color:white; float:left; text-align: center; padding:10px; height:310px; width: 120px; font-size:12px;}
div#kniha_content .left h3 {font-weight:normal; color:#c1c1c1; margin:0; display:inline; font-size:12px;}
div#kniha_content .left a {color:#c1c1c1;}
div#kniha_content .right {clear:right; float:left; padding:10px; width: 520px; color:black; /*border:1px solid blue;*/}
div#kniha_content .right div#anotace {text-align:justify; margin-top:30px; padding:10px 15px 10px 10px;}
div#kniha_content img {padding:10px 0 0 0; width: 100px; height: 148px; border:none;}
div#kniha_content .right div#nadpis {text-align:center;}
div#kniha_content .right div#nadpis h3 {text-align:center; margin:0; display:inline; font-size:16px;}
div#kniha_content .right div#sms_info {text-align:center; background-color:#999999; border:2px solid black; font-size:17px; font-weight:bold; width:430px; margin: 10px auto; padding:5px;}
div#kniha_content .right div#sms_info strong {color: white;}
div#kniha_content .right div#sms_info div#sms_info_small {font-size:11px; padding-top:8px;}

div.pager {clear:both; padding-top:20px; text-align:center;}

div#form_login {text-align:right;}

div#stred_left .chyba {text-align:center; color:white; padding:10px;}
div#stred_left .chyba a {text-decoration:none; color:black;}
div#stred_left .chyba a:hover {text-decoration:underline;}
div#stred_left .info {text-align:center; color:white; padding:10px;}
div#stred_left .info a {text-decoration:none; color:black;}
div#stred_left .info a:hover {text-decoration:underline;}
div#stred_left .text_important {text-align:center; color:white; font-size:20px;}


input {border: 1px solid #FF0000; margin:0;}
.radio, .radio:hover, .radio:focus {border: none; cursor:pointer;}
select {border: 1px solid #FF0000;}
input:hover {border: 1px solid black;}
input:focus {border: 1px solid black;}
textarea {border: 1px solid #FF0000;}
textarea:hover {border: 1px solid black;}
textarea:focus {border: 1px solid black;}
.readonly {background-color:#d0d0d0; cursor:pointer;}


div#sms_kod_kategorie {text-align:center; background-color:#999999; border:2px solid black; font-size:17px; font-weight:bold; width:430px; margin: 0 auto; padding:5px;}
div#sms_kod_kategorie strong {color: white;}
div#sms_kod_kategorie div#info_small {font-size:11px; padding-top:8px;}

div#sort_knihy {text-align:right; margin-top:10px; margin-right:20px; color: black;}
div#sort_knihy strong {text-align:right; color: white;}
div#sort_knihy input:hover, label:hover {cursor:pointer;}

div#fbicon img {cursor:pointer; width: 59px; height: 18px; border:none;}
div#poslat_virtualni_sms {margin-top:12px;}

/*PAGER*/
.Pager {clear:both; font-size: 20px; /*color: black;*/ text-align: center;}


.help-style {border: 3px solid black; background: red; padding: 4px;}