/* 
==================================================
	MAIN TAG STYLES - START
==================================================
*/
body
{
	background: #EFF2FA;
    margin: 0;
    padding: 0;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #272627;
}

a
{
	color: #253460;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

ul
{
	margin: 10px 0px 10px 5px;
	padding: 0px 0px 0px 15px;
	/*list-style:none;*/
}

/*UL LI { background:url('../_img/ico/ylwarrow.gif') no-repeat 0 2px; padding-left:17px; list-style-position:outside; min-height:16px; margin-bottom:4px;}*/

ol
{
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

ol li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

img
{
	border: 0px none;
}

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

select {
	height:22px;
	border:1px solid #253460;
	color:#272627;
	padding-left:5px;
	padding-top:4px;
	padding-right:5px;
	margin:0px;
}

input 
{
	height:22px;
	border:1px solid #253460;
	color:#272627;
	padding-left:5px;
	padding-top:4px;
	padding-right:5px;
	margin:0px;
}

textarea 
{
	  
}

h1 {
	color:#77242C;
	font-weight:bold;
	font-size:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	margin:0px;
}

h2 {
	font-weight:bold;
	font-size:16px;
	margin:6px 0 6px 0;
	
}

h3 {
	font-weight:bold;
	font-size:13px;
	margin:0px;
}

h4 {
	
}

p 
{
	margin:0px;
}


/* 
==================================================
	GENERAL CLASSES - START
==================================================
*/
a.errmsg, .errmsg {
	font-size: 11px;
	font-weight : bold;
	color : #CC0000;
}

a.succmsg, .succmsg {
	font-size: 11px;
	font-weight : bold;
	color : #006633;
}

a.warmsg, .warmsg {
	font-size: 11px;
	font-weight : bold;
	color : #A78E07;
}

div.break {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	margin:0px;
	padding:0px;
}

.b {
	font-weight: bold !important;
}

.n {
	font-weight:normal !important;
}

.i {
	font-style:italic;
}

.highlight { color:#77242C !important; font-weight:bold;}
.standard { color:#272627 !important; font-weight:normal !important;}

.fleft { float:left !important;}
.fright { float:right !important;}

.checkinput { height:15px;}
.btninput { cursor:pointer; padding:0px 5px 0 5px; height:25px;}

/* standardni styl pro boxy */
.box {
	width:100%;
}
.box .header { background:#77242C; color:#ffffff; height:23px;}
.box .header h3 { height:23px; line-height:23px; font-weight:bold; text-indent:15px; margin:0px;}
.box .header a { display:block; height:23px; line-height:23px; color:#ffffff; font-weight:bold; text-indent:15px; text-decoration:none;}
.box .header a:hover { text-decoration:underline;}
.box .cnt { min-height:100px; padding:8px 10px 8px 10px;}
.box .cnt .label { text-align:justify; font-weight:bold;}
.box .cnt a.link { text-align:left;}


/* 
==================================================
	PAGE STRUCTURE - START
==================================================
*/
#main {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

#main #topline {
	height: 24px;
	padding-top:4px;
	padding-bottom:4px;
}

#main #top {
    height: 140px;
	background:url('../_img/bck/main_head.gif') repeat-y;
	padding-left:0px;
	padding-right:10px;
}

#main #content {
    min-height: 600px;
}
#main #content #leftcol { float:left; width:197px; min-height: 600px; }
#main #content #maincol { float:left; width:604px; min-height: 600px; _height:600px; border-right:1px solid #A6B6D8; border-left:1px solid #A6B6D8;}
#main #content #maincolwide { float:right; position:relative; width:800px; padding-left:15px; padding-right:0px; padding-top:5px;}
#main #content #rightcol { float:left; width:197px; min-height: 600px; }

#main #footer {
    height: 32px;
   	border-top:2px solid #A6B6D8;        
}

/* 
==================================================
	PAGE ELEMENTs - START
==================================================
*/
#main #top #mainlogo { float:left; margin-top:34px;}
#main #top .main_title { display:block; float:left; color:#77242C; font-weight:bold; font-size:20px;  text-indent:45px; padding-top:60px; margin:0px;}
#main #top #kolaz { float:left; width:575px; height:120px; margin-left:40px; margin-top:8px; border:1px solid /*#253460*/#253460; overflow:hidden;}
#main #top #loginform { float:right; margin-top:10px; width:190px; }
#main #top #loginform .header { background:none; color:#253460; font-weight:bold; text-align:center;}
#main #top #loginform .cnt { min-height:20px; color:#253460; padding:0px !important;}
#main #top #loginform .cnt TABLE { width:210px;}
#main #top #loginform .cnt TABLE TD { padding:2px;}
#main #top #loginform .cnt TABLE TD INPUT.textinput { width:125px;}
#main #top #loginform .cnt TABLE TD.submit { text-align:right; padding-right:20px;}

#main #top #logoutform { float:right; margin-top:20px; width:150px;}
#main #top #logoutform .header { background:none; color:#253460; font-weight:bold; text-align:center;}
#main #top #logoutform .cnt { min-height:20px; color:#253460; padding:0px !important;}
#main #top #logoutform .cnt TABLE { width:150px;}
#main #top #logoutform .cnt TABLE TD { padding:2px;}
#main #top #logoutform .cnt TABLE TD.label { text-align:center;}

/* leva navigace */
#leftcol .navig { width:197px;}
#leftcol .navig h2 { margin:0px; padding:0px;}
#leftcol .navig a.rootitem { display:block; text-decoration:none; font-size:12px; margin:0px; height:23px; line-height:23px; padding-left:15px; background:#253460; color:#ffffff; border-bottom:1px solid;}
#leftcol .navig a.rootitem:hover { text-decoration:underline;}
#leftcol .navig a.rootitem_opened { display:block; text-decoration:none; font-size:12px; height:23px; line-height:23px; padding-left:15px;  background:#253460; color:#ffffff; border-bottom:2px solid;}
#leftcol .navig a.rootitem_opened:hover { text-decoration:underline;}
#leftcol .navig .subitem { display:block; padding-bottom:1px;}
#leftcol .navig .subitem a { display:block; text-decoration:none; font-size:12px; font-weight:normal; height:23px; line-height:23px; padding-left:20px; background:#A6B6D8; border-bottom:1px solid #ffffff;;}
#leftcol .navig .subitem a:hover { text-decoration:underline;}

/* horni navigace */
#maincol .navig { height:23px; background:#253460; color:#ffffff; padding-left:10px;}
#maincol .navig a { display:block; float:left; height:23px; line-height:23px; margin-left:5px; margin-right:10px; color:#ffffff; font-weight:bold; font-size:12px;}

/* box nakupni kosik */
#boxKosik .cnt { min-height:20px;}

/* box nejprodavanejsi */
#boxNejprodavanejsi .cnt { min-height:50px;}
#boxNejprodavanejsi .cnt OL { margin-top:0px; padding-top:0px;}

/* box doporucujeme */
#boxDoporucujeme .cnt IMG { float:left;}
#boxDoporucujeme .cnt .info { float:right; width:95px;}
#boxDoporucujeme .cnt .link { color:#77242C; font-weight:bold;}

/* box zlevnene */
#boxZlevnene .cnt { min-height:50px;}
#boxZlevnene .cnt OL { margin-top:0px; padding-top:0px;}
#boxZlevnene .cnt a { display:block;}

/* box novinky */
#boxAktuality .cnt .label { display:block; color:#77242C; font-weight:bold;}
#boxAktuality .cnt .list .listitem { border-bottom:1px solid #ACACC1; padding-bottom:5px; margin-bottom:8px;}

/* box search */
#boxSearch { border-bottom:1px solid #ffffff;}
#boxSearch .cnt { background:#253460; color:#ffffff;}
#boxSearch .cnt INPUT.textinput { width:115px; margin-left:10px;}
#boxSearch .cnt TABLE TD SPAN.label { display:block; float:left; width:60px; padding-top:10px; padding-right:10px;}
#boxSearch .cnt TABLE TD.submit { clear:both; text-align:right; padding-top:10px;}

/* footer */
#footer #copy { display:block; float:left; padding:5px 0 0 5px;}
#footer #developer { display:block; float:right; padding:5px 5px 0 0;}

/* datova tabulka */
.datatable { border:1px solid #253460; width:575px; margin-left:15px; margin-bottom:20px;}
.datatable .title TD { background:#253460; font-weight:bold; font-size:13px; height:20px; line-height:20px; text-indent:10px; color:#ffffff;}
.datatable .header TD { background:#A6B6D8; font-weight:bold; text-align:center; color:#77242C;}
.datatable .header TD A { color:#000000; color:#77242C; cursor:pointer;}
.datatable .item TD { background:#ffffff; padding-left:4px;}
.datatable .alter TD { background:#D8E2F3; padding-left:4px;}
.datatable TD.nazev { font-weight:bold;}
.datatable TD.platnost { width:10%; font-weight:bold; text-align:center;}
.datatable TD.kod { width:15%; text-align:center;}
.datatable TD.poradi { width:10%; text-align:center;}
.datatable TD.operace { width:10%; text-align:center; padding-left:0px;}
.datatable TD.datum { width:10%;  text-align:center; }
.datatable TD.cena { text-align:right; }
.datatable TD.obrazek { width:18%;  text-align:center; }
.datatable TD.shortitext { text-align:center;}
.datatable TD.shortitext INPUT { width:30px;}
.datatable .footer TD { background:#A6B6D8; font-weight:bold; text-align:right;}
.datatable .pager TD { font-weight:bold; text-align:right;}
.datatable .pager TD a { cursor:pointer; margin-left:3px;}
.datatable .pager TD span { margin-left:3px;}
.datatable TD .objednat { margin-top:15px; height:28px; padding-top:2px; padding-right:5px;}
.datatable TD .objednat TABLE { float:right;}
.datatable TD .objednat TABLE TD { padding-bottom:3px;}
.datatable TD .objednat INPUT.textinput { width:25px; height:18px !important;}
.datatable TD .objednat INPUT.btninput { background:url('../_img/ico/cart.gif') no-repeat 3px 3px; width:25px; height:25px;}

/* formular */
.dataform { border:1px solid #253460; width:575px; margin-left:15px; margin-bottom:20px;}
.dataform .title { background:#253460; color:#ffffff; font-weight:bold; font-size:13px; height:25px; line-height:25px; text-indent:10px;}
.dataform .form { background:#D8E2F3; text-align:left;}
.dataform .form INPUT { height:auto; padding-top:0;}
.dataform .form H2 { border-bottom:1px solid; margin-left:5px; margin-right:5px; font-size:14px;}
.dataform .form TABLE TD { padding:3px 0 3px 5px;}
.dataform .form TABLE { width:100%; margin-top:10px; margin-bottom:10px;}
.dataform .form .label { font-weight:bold; width:10%;}
.dataform .form .nazev { width:400px;}
.dataform .form #f_PORADI { width:20px;}
.dataform .form .anotace { width:490px; height:80px;}
.dataform .form .shortinput { width:20px;}
.dataform .form .captcha_image { text-align:right; padding-right:8px;}
.dataform .buttons { background:#A6B6D8; height:30px; width:100%; text-align:center;}
.dataform .buttons TD .btn_me { margin-left:4px; margin-right:4px;}

/* oznamovaci box */
.datamsg { border:1px solid #253460; width:575px; margin-left:15px; margin-bottom:20px;}
.datamsg .title TD { background:#253460; color:#ffffff; font-weight:bold; font-size:13px; height:25px; line-height:25px; text-indent:10px;}
.datamsg .content { background:#D8E2F3; text-align:left;}
.datamsg .content .errmsg { display:block; margin:5px;}
.datamsg .content .succmsg { display:block; margin:5px;}
.datamsg .content .warmsg { display:block; margin:5px;}

/* komentare */
.komentar_list { padding-right:15px;}
.komentar_list h2 { padding-left:15px;}
.komentar_list .item_main { width:573px; border:1px solid #253460; margin-bottom:10px;}
.komentar_list .item_main .dhead { position:relative; background-color:#253460; color:#ffffff; padding:5px 0 5px 5px;}
.komentar_list .item_main .dhead .nadpis {  font-weight:bold; font-size:12px; color:#ffffff; }
.komentar_list .item_main .dhead .autor { margin:3px 3px 0 0; color:#D31C1E; font-weight:bold;}
.komentar_list .item_main .dhead .vytvoreno {  margin:0 0 0 3px;}
.komentar_list .item_main .dhead .reagovat { position:absolute; right:5px; top:5px; }
.komentar_list .kom_oddelovac { width:99%; _margin:0 0 0 5px; padding:0;}
.komentar_list .item_main .dbody { margin:8px 8px 10px 8px; }
.komentar_list .item_sub { border-left:2px #253460 solid; margin-bottom:10px; padding-left:5px;}
.komentar_list .item_sub .dhead { position:relative; padding:5px 0 5px 5px;}
.komentar_list .item_sub .dhead .nadpis { font-weight:bold; font-size:12px; padding:0;}
.komentar_list .item_sub .dhead .autor { margin:3px 3px 0 0; color:#D31C1E; font-weight:bold;}
.komentar_list .item_sub .dhead .vytvoreno { margin:0 0 0 3px;}
.komentar_list .item_sub .dhead .reagovat { position:absolute; right:5px; top:5px; }
.komentar_list .item_sub .dbody { margin:8px 8px 10px 8px;}

/* styl tlacitka - stredni velikost */
.btn_me, .btn_me:hover 
{
  display:block;
  width:80px;
  height:20px;
  line-height:20px;
  color: #253460;
  text-align:center;
  font-weight: bold;
  text-decoration:none;
  border: 1px solid #253460;
  background:#E0DFE3;
  font-size: 11px;
  cursor: pointer;
}

/* styl tlacitka - stredni velikost */
.btn_bg, .btn_bg:hover 
{
  display:block;
  width:160px;
  height:20px;
  line-height:20px;
  color: #253460;
  text-align:center;
  font-weight: bold;
  text-decoration:none;
  border: 1px solid #253460;
  background:#E0DFE3;
  font-size: 11px;
  cursor: pointer;
}

/* 
==================================================
	PAGE HOMEPAGE - START
==================================================
*/
#maincol .topitem { background:#D5BDC0;}
#maincol .newbook { margin-left:15px; width:542px; margin-right:5px; margin-bottom:10px; padding:16px 16px 16px 16px; #padding:16px 16px 0px 16px;}
#maincol .newbook .thumb { float:left;}
#maincol .newbook .info { float:right; width:400px; height:151px; padding-left:10px;}
#maincol .newbook .info a { color:#77242C; text-decoration:underline;}
#maincol .newbook .info h2 { margin-top:0px;}
#maincol .newbook .info h3 { margin-bottom:5px; margin-top:5px;}
#maincol .newbook .info P { text-align:justify; height:78px; overflow:hidden;}
#maincol .newbook .info .cena { float:left;}
#maincol .newbook .info .objednat { float:right;}
#maincol .newbook .info .objednat INPUT.textinput { width:20px; height:18px !important;}
#maincol .newbook .info .objednat TD { line-height:22px;}

/* 
==================================================
	PAGE KATALOG - START
==================================================
*/
.titullist { padding-left:15px; padding-right:15px; padding-bottom:15px; width:574px;}
.titullist .titul { float:left; width:282px; margin-bottom:15px; margin-right:3px;}
.titullist .titul IMG.preview { float:left;}
.titullist .titul .info { float:right; width:150px; height:150px;}
.titullist .titul .info .link { display:block; color:#77242C; font-weight:bold;}
.titullist .titul .info .autor { font-weight:bold;}
.titullist .titul .info .cena { margin-top:5px;}
.titullist .titul .info .anotace { margin-top:5px;}
.titullist .titul .objednat { margin-top:3px; background:#A6B6D8; height:28px; padding-top:2px; padding-right:5px;}
.titullist .titul .objednat TABLE {  float:right;}
.titullist .titul .objednat TABLE TD { padding-bottom:3px;}
.titullist .titul .objednat INPUT.textinput { width:25px; height:18px !important;}
.titullist .titul .objednat INPUT.btninput { background:url('../_img/ico/cart.gif') no-repeat 3px 3px; width:25px; height:25px;}

/* 
==================================================
	PAGE TITUL - START
==================================================
*/
.tituldetail { padding-left:15px; padding-right:15px; padding-bottom:15px; width:574px;}
.tituldetail h3 { margin-bottom:5px !important; margin-top:15px;}
.tituldetail IMG.preview { float:left;}
.tituldetail .info { float:right; width:380px;}
.tituldetail .info h3 { margin-bottom:5px;}
.tituldetail .info TABLE.udaje { width:100%;}
.tituldetail .info TABLE.udaje TD { border-bottom:1px solid #ACACC1; height:20px;}
.tituldetail .info TABLE.udaje TD.label { font-weight:bold; width:110px;}
.tituldetail .info .cena { margin-top:15px;}
.tituldetail .objednat { margin-top:15px; height:28px; background:#A6B6D8; padding-top:2px; padding-right:5px;}
.tituldetail .objednat TABLE { float:right;}
.tituldetail .objednat TABLE TD { padding-bottom:3px;}
.tituldetail .objednat INPUT.textinput { width:25px; height:18px !important;}
.tituldetail .objednat INPUT.btninput { background:url('../_img/ico/cart.gif') no-repeat 3px 3px; width:25px; height:25px;}
.tituldetail .sledovat { margin-top:15px; height:45px; background:#A6B6D8; padding-top:2px; padding-right:5px;}
.tituldetail .sledovat TABLE { float:right; text-align:right;}
.tituldetail .sledovat TABLE TD { padding-bottom:3px;}
.tituldetail .sledovat INPUT.textinput { width:150px; height:18px !important;}
.tituldetail .popis { clear:both; padding-top:0px;}
.tituldetail .popis p { margin-bottom:15px; text-align:justify;}

.smtitullist { padding-left:15px; padding-right:15px; padding-bottom:15px; width:574px;}
.smtitullist .titul { float:left; width:120px; margin-bottom:15px; margin-right:3px; text-align:center;}
.smtitullist .titul .obalka { display:block; height:125px;}
.smtitullist .titul .obalka IMG.preview { width:80px;}
.smtitullist .titul .title { display:block; font-weight:bold;}
.smtitullist .titul .cena { }

/* 
==================================================
	PAGE CLANEK - START
==================================================
*/
.article { padding-left:15px; padding-right:15px; padding-bottom:15px; width:574px; text-align:justify;}
.article p { margin-bottom:15px; text-align:justify;}

/* 
==================================================
	PAGE CLANKY LIST - START
==================================================
*/
.claneklist { padding-left:15px; padding-right:15px; padding-bottom:15px; width:574px;}
.claneklist h2 { display:block; border-bottom:1px solid;}
.claneklist h2 a, .claneklist h2 a:hover { text-decoration:none;}
.claneklist p { margin-bottom:15px; text-align:justify;}

/* 
==================================================
	PAGE PLAN - START
==================================================
*/
.planform { padding-left:15px; padding-right:15px; padding-bottom:15px; width:574px;}
.planform .objednat { margin-top:2px; height:30px; background:#A6B6D8; padding-top:7px; padding-right:5px;}
.planform .objednat TABLE { float:right;}
.planform .objednat TABLE TD { padding-bottom:3px;}
.planform .objednat INPUT.textinput { width:150px; height:18px !important;}