/***************************************************************************************************************************/
/*     FONT-PATTERNS
-------------------------
* ARIAL
      font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif;
* VERDANA
      font-family: "Verdana CE", Verdana, "Arial CE", Arial, "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
* TAHOMA
      font-family: "Tahoma CE", Tahoma, "Arial CE", Arial, "Helvetica CE", lucida, sans-serif;
* TIMES NEW ROMAN
      font-family: "Times New Roman CE", "Times New Roman", "Times New CE", "Times CE", times, serif;
* COURIER NEW
      font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
* GEORGIA
      font-family: "Georgia CE", Georgia, "Times New CE", "New York CE", "Times CE", times, serif;
* IMPACT
      font-family: "Impact CE", "Arial CE", "Techno CE", "Helvetica CE", Impact, lucida, sans-serif;
* CCOMIC SANS MS
      font-family: "Comic Sans MS CE", "Comic Sans MS", "Arial CE", Arial, "Sand CE", "Helvetica CE", lucida, fantasy;
*/


/***************************************************************************************************************************/
/******************************************************* BODY **************************************************************/
* { margin:0; padding:0; }
body { font-family: "Arial CE", Arial, "Helvetica CE", helvetica, sans-serif; font-size:0.9em; background:#000; color:#fff; line-height:1.5; }
body#body { padding:0; }
h1 { color:#FFBA00; }
h2 {  }
hr { display:none; }
ul { margin:0 35px; }

h1, h2, h3,
p { padding:0 10px; }


/**************************************************************************************************************************/
/****************************************************** PAGE **************************************************************/
#page { width:1001px; display:block; margin:0 auto; position:relative; background:url(../images/content_line.png) repeat-y; z-index:0; }
#symbiont { height:830px; width:324px; position:absolute; top:0; right:-324px; background:url(../images/podkres_pozadi.png) no-repeat; }


/***************************************************************************************************************************/
/****************************************************** HEADER *************************************************************/
#header { background:#FFB700 url(../images/hlavicka3.png) no-repeat; height:281px; display:block; }
#header strong,
#header h1,
#header h2 { position:absolute; font-size:2em; color:black; }
#header strong,
#header h2 { font-size:1.5em; }

#header span { position:absolute; }
#header #logo { top:160px; left:395px; }
#header #jan_bohacek_kzt { top:180px; left:105px; }
#header #klice_zamky_trezory { top:180px; left:525px; }
#header span { position:absolute; top:0; left:0; }
#header #logo span { height:169px; width:128px; background:url(../images/logo_v_hlavicce.png) no-repeat; top:-112px; left:0; }
#header #jan_bohacek_kzt span { height:44px; width:287px; background:url(../images/jan_bohacek_kzt.png) no-repeat; top:-6px; left:0; }
#header #klice_zamky_trezory span { height:38px; width:351px; background:url(../images/klice_zamky_trezory.png) no-repeat; }


/***************************************************************************************************************************/
/****************************************************** CONTENT ************************************************************/
#content { display:block; width:1002px; /*background:url(../images/content_line.png) repeat-x;*/ z-index:10; }
ul { margin-left:20px; }


/**************************************************************************************************************************/
/******************************************************* LEFT *************************************************************/
#left { display:block; float:left; width:685px; padding:20px 0 20px 20px; border-left:#413D18 solid 1px; }
#left hr { margin:5px 0 10px 0; height:0px; display:block; border:#9F7401 solid 1px; }
#left .content-text { margin:20px 10px 10px 0; display:block; border-bottom:#9F7401 solid 1px; font-size:1.2em; }
#left .content-text h2 { margin:10px; display:block; border-bottom:#9F7401 solid 1px; font-size:1.1em; margin-top:20px; }
#left .content-text p {  }

#left .fotogalerie {}
#left .fotogalerie hr { clear:both; border:none; height:0; }
#left .fotogalerie .foto { display:block; width:160px; float:left; margin:5px; height:160px; }
#left .fotogalerie .foto a { display:block; }
#left .fotogalerie .foto .nazev_obrazku { text-align:center; clear:none; }
#left .fotogalerie .foto img { border:none; border:#666 solid 1px; padding:8px; }

#left .prilohy { margin:10px 0; }
#left .prilohy li { background:transparent url(../images/trezor_maly_zluty.png) no-repeat scroll 0 0; line-height:17px; list-style-image:none; list-style-position:outside; list-style-type:none;  margin:5px 0 5px 20px; padding-left:20px; }
#left .prilohy li a { color:#FEF169; margin:0 5px; }
#left .prilohy li a:hover { text-decoration:none; }

#left .mapsite { padding:20px 20px 0 30px;}
#left .mapsite li { }
#left .mapsite li a { color:#fff; text-decoration:underline; }
#left .mapsite .eshop_menu1 { }
#left .mapsite1 { padding:0px 20px 0 30px;}



#left .vypis_produktu { display:block; width:150px; height:275px; float:left; margin:5px; position:relative; }
#left .vypis_produktu a {  }
#left .vypis_produktu a.img { display:block; margin:3px; height:140px; margin:5px; position:absolute; bottom:55px; }
#left .vypis_produktu a.img img { display:block; width:120px; height:120px; }
#left .vypis_produktu div { display:block; padding:3px 0 3px 3px; }
#left .vypis_produktu a.nadpis { font-size:1.2em; color:white; text-align:center; display:block; position:absolute; bottom:200px; width:150px; }
#left .vypis_produktu p { text-align:center; margin-top:0; position:absolute; width:140px; bottom:0; }
#left .vypis_produktu p strong { color:#FBBC22; font-size:1.1em; }



#left #odesilaci_formular { margin-top:20px; }
#left #odesilaci_formular fieldset { border:#9F7401 solid 1px; }
#left #odesilaci_formular label,
#left #odesilaci_formular textarea,
#left #odesilaci_formular input { float:left; margin:5px; width:150px; }
#left #odesilaci_formular label { clear:both; text-align:right; vertical-align:top; }
#left #odesilaci_formular input,
#left #odesilaci_formular textarea { width:500px; border:#9F7401 solid 1px; padding:3px; }
#left #odesilaci_formular #send { cursor:pointer; border:#464646 1px solid; background:#FEF164; color:#464646; font-weight:bold; text-decoration:underline; padding:2px 10px; clear:both; margin:5px 0 5px 165px; }
#left #odesilaci_formular #error_message { margin:0; }
#left #odesilaci_formular #error_message li,
#left #odesilaci_formular #success_message li { padding:2px 50px 2px 165px; list-style:none; font-weight:bold; }
#left #odesilaci_formular #error_message li { background:red; }
#left #odesilaci_formular #success_message { margin:0; }
#left #odesilaci_formular #success_message li { background:green; }
#left #odesilaci_formular p { text-align:center; padding:5px; font-weight:bold; }


/*bohackova@bohacek-kzt.cz*/
/**************************************************************************************************************************/
/***************************************************** produkty ***********************************************************/
#produce h1#produkty { clear:both; padding:15px 10px 10px 10px; font-size:1.3em; color:white; display:block; border-bottom:#9F7401 solid 1px; }
#produce h2.content-text { margin:10px; padding:15px 10px 10px 0;  display:block; border-bottom:#9F7401 solid 1px; font-size:1.1em; padding:0; }
#produce p { margin:10px 0; }
#produce .form_margin { margin:10px 0; line-height:1.8; }
#produce .form_margin hr { visibility:hidden; }
#produce ul { padding:0 10px; }
#produce img { border:#666 solid 1px; padding:8px; }
#produce form .images { float:right; margin:5px 10px; }
#produce table { margin:20px; width:400px; }
#produce .trezor_rozmery { }
#produce .trezor_rozmery th,
#produce .trezor_rozmery td { text-align:center; }
#produce .trezor_rozmery .left { text-align:left; width:110px; }
#produce .trezor_rozmery th { color:#FFBA00; font-weight:normal; }
#produce .trezor_typ tr.tops th { color:#FFBA00; }
#produce .trezor_typ { width:620px; }
#produce .trezor_typ th,
#produce .trezor_typ td { text-align:center; }
#produce .trezor_typ td.input { width:20px; }
#produce .trezor_typ td.cena { padding-right:30px; text-align:right; font-size:1.1em; color:#FFBA00; font-weight:bold; width:110px; }
#produce .trezor_priplatek { width:500px; margin-top:10px; }
#produce .trezor_priplatek th,
#produce .trezor_priplatek td { text-align:left; }
#produce .trezor_priplatek td.input { width:20px; }
#produce .trezor_priplatek td.cena { padding-right:30px; text-align:right; font-size:1em; color:white; font-weight:normal; }
#produce strong.priplatky { font-size:1.1em; color:#FFBA00; font-weight:bold; padding-top:10px; }
#produce strong { font-weight:bold; line-height:1.2; }
#produce #cena_dph { text-align:left; width:300px; }
#produce .cena_dph { text-align:right; font-size:1.1em; color:#FFBA00; font-weight:bold; }
#produce #resume {  }
#produce #prepocet {}
#produce #resume #do_kosiku { background:#FFBA00 url(../images/do_kosiku.png) no-repeat; border:none; cursor:pointer; padding:3px 8px 4px 27px; }
#produce #resume label { margin:0 5px 0 50px; }
#produce #resume input { width:166px; height:20px; background:url(../images/hledani_input.png) no-repeat; border:none; line-height:26px; margin-right:5px; padding:5px; }
#produce #resume #prepocitat { background:url(../images/prepocitat.png) no-repeat; border:none; cursor:pointer; padding:1px 0 1px 25px; color:#FFBA00; }
#produce {}
#produce #pozn { margin:5px 0 10px 0; }
#produce .pozn { display:block; }

#produce .zavazadlo_typ { width:600px; }
#produce .zavazadlo_typ th,
#produce .zavazadlo_typ td { text-align:center; padding:0 3px; }
#produce .zavazadlo_typ td.input { width:20px; }
#produce .zavazadlo_typ td.cena { padding-right:30px; text-align:right; font-size:1.1em; color:#FFBA00; font-weight:bold; width:110px; }
#produce .zavazadlo_typ .kodovy_zamek {}
#produce .zavazadlo_typ .zamek_na_klic {}
#produce .zavazadlo_typ .sirena {}
#produce .zavazadlo_typ .dymovnice {}
#produce .zavazadlo_typ .barvici_modul {}
#produce .klice_typ { width:600px; }
#produce .klice_typ th,
#produce .klice_typ td { text-align:center; padding:0 3px; }
#produce .klice_typ td.input { width:20px; }
#produce .klice_typ td.cena { padding-right:30px; text-align:right; font-size:1.1em; color:#FFBA00; font-weight:bold; width:110px; }

.hromadna-priloha {}




#produce p.cena { text-align:left; font-size:1em; color:#fff; font-weight:bold; padding:10px 30px; }
#produce p.cena span { font-size:1.1em; color:#FFBA00; font-weight:bold; }

#produce #produce_attachment { margin:10px 0; line-height:1; }
#produce #produce_attachment li { list-style:none; display:block; height:30px; line-height:30px; }
#produce #produce_attachment li span {  }
#produce #produce_attachment li a { text-decoration:underline; margin-left:12px; }
#produce #produce_attachment li a:hover { text-decoration:none; }
#produce #produce_attachment li img { border:none; padding:0; vertical-align:middle; margin-top:-2px; }
#produce #produce_attachment li .attachment { color:#FFBA00; }


/* Odesilaci udaje */
#left #odesilaci_udaje {}
#left #odesilaci_udaje fieldset { margin:15px 0; border:#9F7401 solid 1px; padding:10px;}
#left #odesilaci_udaje fieldset legend { margin:0 10px; padding:0 10px; font-size:1.1em; font-weight:bold; color:#FFBA00; }
#left #odesilaci_udaje fieldset span { font-size:0.8em; font-weight:normal; color:white; }
#left #odesilaci_udaje fieldset legend span {  }
#left #odesilaci_udaje fieldset div { clear:both; padding:2px 0; }
#left #odesilaci_udaje fieldset div label { width:130px; text-align:right; display:block; float:left; margin-right:15px; }
#left #odesilaci_udaje fieldset div input { width:200px; float:left; border:#9F7401 solid 1px; }
#left #odesilaci_udaje fieldset div span { margin-left:15px; float:left; }
#left #odesilaci_udaje fieldset div label.radio { display:block; float:left; width:500px; text-align:left; }
#left #odesilaci_udaje fieldset div label.radio span { float:none; text-align:left; margin:0; }
#left #odesilaci_udaje fieldset div input.radio { float:left; width:20px; margin-right:15px; }
#left #odesilaci_udaje button #odeslat_email { right:10px; }
.odeslani tr { line-height:1; margin:0; padding:0; }
.odeslani td,
.odeslani th { line-height:1; margin:0; padding:0; }



/* Kosik */
#kosik {}
#kosik tr {  }
#kosik tr th { text-align:center; }
#kosik tr td { text-align:center; vertical-align:top; padding:10px 0; }
#kosik tr td.left { text-align:left; }
#kosik tr td.right { text-align:right; }
#kosik tr.podtrzeno { padding-bottom:10px; margin-top:30px; border-top:#9F7401 solid 1px; }
#kosik tr.podtrzeno td,
#kosik tr.podtrzeno th { border-top:#9F7401 solid 1px; }
#kosik .nazev { width:210px; }
#kosik .typ { width:210px; }
#kosik .mnozstvi { width:80px; }
#kosik .cenabezdph { width:110px; }
#kosik .cenasdph { width:100px; }
#kosik .vymazat { width:100px; float:right; }
#kosik input#vymazat_vse,
#kosik button.vymazat { float:right; border:none; background:none; color:#9F7401; text-decoration:underline; cursor:pointer; }
#vymazat_vse { float:left;}
#kosik tr#podtrzeno_double td { padding-bottom:10px; margin-top:30px; border-top:#9F7401 double 3px; text-align:right; }
#kosik tr#podtrzeno_double td strong { }
ul.seznam_priplatky { float:right; padding-right:30px; }
ul.seznam_priplatky li,
ul.parametry li { font-size:0.8em; list-style:disc; margin-left:20px; }
ul.seznam_priplatky li.strong,
ul.parametry li.strong { font-weight:bold; list-style:none; margin:0; }
ul.parametry { float:left; padding-right:30px; }
p.poznamka { margin:0; padding:0; }
#kosik tr td.pozn { font-size:0.8em; }


/* Drobe�ky */
ul#crumb { clear:both; display:block; }
ul#crumb li { color:#FFBA00; list-style:disc; margin-left:25px; font-size:1em; font-weight:normal; float:left; }
ul#crumb li span { color:white; }
ul#crumb #crumb_home { list-style:none; margin:0; }
ul#crumb li a { color:#FFBA00; text-decoration:underline; }
ul#crumb li a:hover { text-decoration:none; }

ul#error { background:red; padding:0 0 0 30px; }
ul#error li {}

button#odesilaci_email {  }
button#zpet_kosik {  }


/***************************************************************************************************************************/
/******************************************************* RIGHT *************************************************************/
#right { width:294px; background: url(../images/bocni_menu.png) no-repeat; display:block; float:right; color:#464646; margin-right:1px; }
#right .block { margin:10px 20px 10px 25px; border-bottom:#464646 solid 1px; width:249px; padding-bottom:10px; }
#right .block h3 { background:url(../images/trezor_tmavy.png) no-repeat; padding-left:40px; height:32px; line-height:32px; color:black; margin:0; margin-bottom:5px; display:block; }
#right .block form { display:block; }
#right .block form input { width:166px; height:20px; background:url(../images/hledani_input.png) no-repeat; border:none; line-height:26px; margin-right:5px; padding:5px; }
#right .block form button { width:62px; height:26px; background:#FEF167 url(../images/hledani_button.png) no-repeat; border:none; line-height:26px; cursor:pointer; }

#right .block .eshop_menu0 { margin-top:10px; }
#right .block .eshop_menu0 li { list-style:none; padding-left:20px; background:url(../images/trezor_maly_zluty.png) no-repeat; margin:5px 0 5px 20px; line-height:17px; }
#right .block .eshop_menu0 li a { color:#464646; text-decoration:underline; font-size:1em; }
#right .block .eshop_menu0 li a:hover,
#right .block .eshop_menu0 li a.selected { font-weight:bold; }

#right .block .eshop_menu1 { }
#right .block .eshop_menu1 li { padding:0; margin:3px 0 3px 5px; background:none; }
#right .block .eshop_menu1 li a { font-size:0.9em; }
#right .block .eshop_menu1 li a:hover,
#right .block .eshop_menu1 li a.selected { }

#right .block .eshop_menu2 { }
#right .block .eshop_menu2 li { margin:1px 0 1px 5px; background:url(../images/kulicka.png) no-repeat 0 6px; padding-left:10px; }
#right .block .eshop_menu2 li a { }
#right .block .eshop_menu2 li a:hover,
#right .block .eshop_menu2 li a.selected { }

#right .block .eshop_menu3 { }
#right .block .eshop_menu3 li { background:none; }
#right .block .eshop_menu3 li a { }
#right .block .eshop_menu3 li a:hover,
#right .block .eshop_menu3 li a.selected { }

#right .block h3,
#right .block h3 a { color:black; }
#right .block a#kosik_vice { text-align:right; }

#right .block .right_priloha { margin:10px 0; }
#right .block .right_priloha { margin-left:20px; }
#right .block .right_priloha li { background:transparent url(../images/trezor_maly_zluty.png) no-repeat scroll 0 0; line-height:17px; list-style-image:none; list-style-position:outside; list-style-type:none;  margin:5px 0 5px 20px; /*padding-left:20px;*/ }
#right .block .right_priloha li a { color:black; margin:0 5px; }
#right .block .right_priloha li a:hover { text-decoration:none; }
#right .block #kontakt { padding:5px; margin:0; }
#right .block #kontakt li { list-style:none; padding-left:20px; background:url(../images/kontakt_telefon.png) no-repeat; margin:5px 0 5px 0px; line-height:17px; display:block; font-weight:bold; }
#right .block #kontakt li.tel {}
#right .block #kontakt li.mail { padding-left:25px; background:url(../images/kontakt_email.png) no-repeat; margin:5px 0 5px 0px; line-height:17px; }
#right .block #kontakt li.mail a { color:black; }
#right .block #kontakt li span { text-align:right; font-weight:normal; }


/***************************************************************************************************************************/
/******************************************************* MENU **************************************************************/
#main_menu { position:absolute; top:230px; left:20px; font-size:1em; }
#main_menu li { list-style:none; float:left; margin:0 0px; }
#main_menu li a { color:#666; font-weight:bold; position:relative; }
#main_menu li a:hover,
#main_menu li a.selected { color:black; }


#main_menu li a span { position:absolute; top:0; left:0; display:block; height:25px; }
#main_menu li.uvod { width:63px; }
#main_menu li.uvod a span { background:url(../images/menu/uvod2.png) no-repeat; width:63px; }
#main_menu li.uvod a.selected span,
#main_menu li.uvod a:hover span { background:url(../images/menu/uvod1.png) no-repeat; }

#main_menu li.onas { width:69px; }
#main_menu li.onas a span { background:url(../images/menu/onas2.png) no-repeat; width:69px; }
#main_menu li.onas a.selected span,
#main_menu li.onas a:hover span { background:url(../images/menu/onas1.png) no-repeat; }

#main_menu li.servis { width:141px; }
#main_menu li.servis a span { background:url(../images/menu/servis2.png) no-repeat; width:141px; }
#main_menu li.servis a.selected span,
#main_menu li.servis a:hover span { background:url(../images/menu/servis1.png) no-repeat; }

#main_menu li.prace { width:164px; }
#main_menu li.prace a span { background:url(../images/menu/prace2.png) no-repeat; width:164px; }
#main_menu li.prace a.selected span,
#main_menu li.prace a:hover span { background:url(../images/menu/prace1.png) no-repeat; }

#main_menu li.zbrane { width:178px; }
#main_menu li.zbrane a span { background:url(../images/menu/zbrane2.png) no-repeat; width:178px; }
#main_menu li.zbrane a.selected span,
#main_menu li.zbrane a:hover span { background:url(../images/menu/zbrane1.png) no-repeat; }

#main_menu li.klicove { width:150px; }
#main_menu li.klicove a span { background:url(../images/menu/klicove2.png) no-repeat; width:150px; }
#main_menu li.klicove a.selected span,
#main_menu li.klicove a:hover span { background:url(../images/menu/klicove1.png) no-repeat; }

#main_menu li.reference { width:99px; }
#main_menu li.reference a span { background:url(../images/menu/reference2.png) no-repeat; width:99px; }
#main_menu li.reference a.selected span,
#main_menu li.reference a:hover span { background:url(../images/menu/reference1.png) no-repeat; }

#main_menu li .kontakt { width:90px; }
#main_menu li.kontakt a span { background:url(../images/menu/kontakt2.png) no-repeat; width:90px; }
#main_menu li.kontakt a.selected span,
#main_menu li.kontakt a:hover span { background:url(../images/menu/kontakt1.png) no-repeat; }


/***************************************************************************************************************************/
/****************************************************** FOOTER *************************************************************/
#footer { clear:both; display:block; background:#FFD800 url(../images/paticka2.png) no-repeat; width:1001px; height:115px; /*margin-bottom:20px;*/ }
#footer p.footer { padding-top:40px; text-align:center; color:#464646; }
#footer p.footer a { color:#464646; }
#footer #ofed27 { text-align:center; color:#464646; }
#footer #ofed27 a {  color:#464646; }

#footer #footer-menu { font-size: 8pt; color: #464646; text-align: center; line-height: 1.2; width: 500px; margin: 10px auto 0; }
#footer #footer-menu a { font-size: 8pt; color: #464646; }

/***************************************************************************************************************************/
/****************************************************** ADMIN *************************************************************/
#admin { /*position:absolute;*/ top:0; left:0; display:block; background:#bbb; border:white solid 2px; color:black; width:400px; }
#admin menu { display: block;}
#admin .edit { display:block; }
#admin .edit a { display:inline; }
#admin .add { display:block; }
#admin .add .btnAddActive {}
#admin .admin_menu0 { padding:5px; }
#admin .admin_menu0 li { list-style:none; margin-left:15px; display:block; }
#admin .admin_menu0 li .edit {  }
#admin .admin_menu0 a,
#admin .admin_menu1 a,
#admin .admin_menu2 a,
#admin .admin_menu3 a { color:black; }

#admin ul {}
#admin ul li { display:block; list-style:disc; }
/*#admin .admin_mainmenu { margin-top:10px; }*/
#admin .admin_mainmenu a { color:black; }


/* Text below image */
#imgPreviewWithStyles { background:#000; padding:15px; z-index:999; border:none; border:#666 solid 1px; }
#imgPreviewWithStyles span { color:white; text-align:center; display:block; padding:10px 0 3px 0; }