/*
 *                          zakladni selektory 
 ******************************************************************************/
 
html {
	width: 100%;
	background-color: #DDE/*#BFC0C3*/;
	background-image: url(background-all.gif);
	background-repeat: repeat;
}

body {
	height: 100%;
	font-size: 0.7em;
	font-family: verdana CE, verdana, arial CE, arial, helvetica CE, helvetica, sans-serif;
	text-align: center;
/*	color: #604040;*/
    color: black;
}

/*
 *                          hlavni layout 
 ******************************************************************************/

#center {
    margin-left: auto;
    margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
    width: 750px;
	text-align: left;
	background-color: white;
	background-image: url(background.gif);
	background-repeat: repeat-y;
}

/* hlavicka webu */
#header {
    width: 750px;
    padding-top: 128px;
    padding-bottom: 1px;
    background-repeat: no-repeat;
    background-position: 0px 4px;
    display: block;
    background-color: black;
    border-bottom: 2px solid #FF6600;
}

/* menu pod hlavickou */
#header-menu {
    width: 750px;
    font-family: Impact;
}

#header-menu ul {
    display: block;
    margin: 0;
    padding: 3px 0px 2px 0px;
}

#header-menu li {
    display: inline;
    background: none;
    margin: 0;
    padding: 0;
}

#header-menu a {
    font-size: 1.6em;
    padding: 3px 12px;
    text-decoration: none;
    color: white; /*#FF6600;*/
    /*font-weight: bold;*/
}

#header-menu a:hover {
    background-color: white;
    color: black;
    text-decoration: none;
}

/* prazdne DIVy umoznujici umistovat do vsech rohu obrazky na pozadi */
#background-1 {
}

#background-2 {
}

#background-3 {
}

#background-4 {
}

/*
 *                          odkazy obecne
 ******************************************************************************/
 
a {
    color: #FF6600;
    text-decoration: none;
} 

a:hover {
    text-decoration: underline;
}

/*
 *                          levy a pravy sloupec webu
 ******************************************************************************/
 
#left {
/*    font-family: "Comic Sans MS";*/
/*    font-family: "Franklin Gothic Medium";*/
    font-family: Impact;
    width: 131px;
    float: left;
}

#right {
    font-family: Impact;
    width: 131px;
    float: right;
}

#left, #right {
    text-align: center;
    color: #FF6600;
    font-size: 1.2em;
    margin-bottom: 2.0em;
}

/* box v levem a pravem sloupci */
#left .box, #right .box {
    text-align: left;
    font-size: 0.9em;
}

/* nadpis boxu v levem a pravem sloupci */
#left .box h2, #right .box h2 {
    color: black;
    font-weight: normal;
    font-size: 1.3em;
    padding: 0.2em;
    margin: 1em 0 0 0;
    background-color: #FF6600;
}

/* telo boxu v levem a pravem sloupci */
#left .box div, #right .box div {
    padding: 0.5em;
}

/* seznam v levem a pravem sloupci */
#left .box ul, #right .box ul {
    padding: 3px;
    margin: 0;
    list-style: none;
}

#left .box ul ul, #right .box ul ul {
    margin-left: 10px;
}

#left .box ul li, #right .box ul li {
    padding: 0px 0px 0px 7px;
    margin: 0;
    background-image: url(li_columns.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

/* odkazy v levem a pravem sloupci */
#left a, #right a {
    color: #FF6600;
    text-decoration: none;
} 

#left a:hover, #right a:hover {
    color: white;
    text-decoration: none;
}

/*
 *                          sloupec s hlavnim obsahem webu
 ******************************************************************************/

#main, #editor_main {
    width: 488px;
    background-color: transparent;
    background-image: none;
    text-align: left;
}

/* hackovano kvuli chovani Xinhy v Mozille */
#main {
    float: none;
	margin-left: 131px;			/* sirka #left */
	_float: left;
	_margin-left: 0px;
    background-image: url(head_center.jpg);
    background-position: top;
    background-repeat: no-repeat;
}

#main-inner {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 10px;
    margin-bottom: 15px;
}

/* sada vice boxu */
#main .box-list {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* box v hlavni casti stranky */
#main .box {
    margin: 10px 0px 15px 0px;
    padding: 0px;
    text-align: left;
    border-bottom: 1px solid #B9C9E6;
    background-color: #FAFBFC;
}

#main .box h2 {
    padding: 1px 5px 1px 5px;
    margin: 0px;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #E8ECF4;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    color: #FF6600;
}

#main .box h2 a {
    color: #FF6600;
    text-decoration: none;
}

#main .box h2 a:hover {
    text-decoration: underline;
}

#main .box div {
    margin: 0px;
    padding: 4px 5px 4px 5px;
}

#main .box .foot {
    margin: 0px;
    padding: 2px 5px 2px 5px;
    font-size: 0.8em;
}


/*
 *                          zapati webu, copyright
 ******************************************************************************/

#footer {
    width: 750px;
    height: 26px;
    background-image: url(footer.jpg);
    background-repeat: no-repeat;
    clear: both;
    text-align: right;    
    color: white;
    font-size: 0.8em;
    border-top: 1px solid black;
}

#footer-inner {
    padding-top: 6px;
    padding-right: 10px;
}

#ads {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    text-align: left;
}

#ads img {
    border: none;
    margin: 0px;
}

/*
 *                          zalozky
 ******************************************************************************/

table.tabs {
    margin: 0px;
}

table.tabs .tab {
    padding: 0px;
    background: url('tabs/tab_center.gif') top repeat-x;
}

table.tabs .active {
    background: url('tabs/tab_center_active.gif') top repeat-x;
}

table.tabs .tab .tab-left {
    background: url('tabs/tab_left.gif') top left no-repeat;
}

table.tabs .tab .tab-right {
    background: url('tabs/tab_right.gif') top right no-repeat;
}

table.tabs .active .tab-left {
    background: url('tabs/tab_left_active.gif') top left no-repeat;
}

table.tabs .active .tab-right {
    background: url('tabs/tab_right_active.gif') top right no-repeat;
}

table.tabs .tab a {
    display: block;
    padding: 3px 15px 2px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #909090;
}

table.tabs .tab a:hover {
    color: #FF4000;
}

/*
 *                          mod_user
 ******************************************************************************/

/* prihlasovaci formular v levem sloupci */
#left .login-form {
	width: 120px;
}

/* inputy v prihlasovacim formulari v levem sloupci */
#left .login-form input {
    width: 70px;
}

#main .login-form input.button {
    width: 100%;
}

/* prihlasovaci tlacitko v levem sloupci */
#left .login-form input.button {
    width: 50%;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*
 *                          mod_eshop
 ******************************************************************************/

/* zapis ceny v boxu */
#main .box .foot .price {
    font-size: 1.2em;
    font-weight: bold;
    color: #FF4010;
}

#main .box .foot .price_2 {
    color: #0000F0;
}

/* box s vyrobcem */
#main .box .manufacturer {
    float: right;
    width: auto;
}

#main .box .manufacturer img {
    margin: 1px;
}

/* box s volbou vlastnosti v zapati boxu */
#main .box .foot .eshop_params {
    margin: 0.5em 0 0 0;
    padding: 0;
}

/* okenko pro vyplneni mnozstvi kupovaneho zbozi */
#main .box .eshop_buy_quantity {
    width: 2em;
}

/* styly pro kosik - zahlavi */
#main .eshop_cart table.list tr.head td {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    font-weight: bold;
}

/* styly pro kosik - radek se zbozim */
#main .eshop_cart table.list tr.item-line td {
}

/* styly pro kosik - radek se soucty */
#main .eshop_cart table.list tr.total-line td {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    font-weight: bold;
}

/*
 *                          formulare a formularove prvky
 ******************************************************************************/

/* box s formularem */
#main .form-box {
    padding: 0px;
    border: 1px solid #909090;
    background-color: #F5F5F5;
}

/* normalni formular */
form {
    margin: 0;
    padding: 0;
}

/* tabulka ve formulari */
form table {
    border: none;
    margin: 5px 4px 15px 4px;
}

form table td {
    border: none;
    padding: 2px 4px 2px 4px;
}

form table.htmlarea td {
    padding: 0;
}

form h2 {
    background-color: black;/*#7090C0;*/
    padding: 2px 4px 2px 4px;
    margin: 0px 0px 5px 0px;
    color: #FF6600;
}

form div.button {
    padding: 10px;
    border-top: 1px dashed #909090;
}

/* bezny input */
input, select, textarea {
    border: 1px solid #506070;
    font-size: 1.0em;
}

textarea.large {
	width: 440px;
	height: 400px;
}

textarea.small {
    width: 440px;
    height: 200px;
}

/* formularova pole ruzne delky */
input.short  {width: 60px;}
input.normal {width: 150px;}
input.double {width: 300px;}

/* input typu tlacitko */
input.button {
/*
	border-left: 1px solid #D8EBFF;
	border-top: 1px solid #D8EBFF;
	border-right: 1px solid #204040;
	border-bottom: 1px solid #204040;
	background-color: #99C0D5;
    color: black;
*/
    border: none;
	background-color: black;
    color: #FF8800;
    padding: 2px 6px 2px 6px;
}

/* input typu tlacitko - preklopeny */
input.button:hover {
	background-color: #FF8800;
    color: black;
}

/* tlacitko s disketou */
input.save {
    background-image: url('icons/icon_diskette.gif');
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 3px 20px 3px 33px;
}

/* mazaci tlacitko */
input.delete {
    background-image: url('icons/icon_delete.gif');
    background-position: 10px center;
    background-repeat: no-repeat;
    padding: 3px 20px 3px 33px;
}

/* zmenseni mazaciho a ukladaciho tlacitka */
input.small {
    background-position: 7px center;
    padding: 1px 10px 1px 25px;
}

/* prvek typu file */
input.upload {
    border: 1px solid #98A1C2;
}

/* znacka u povinnych polozek formulare */
.form-required {
    color: red;
    font-weight: bold;
}

/* mensi formular ve formulari, napr. schranka souboru */
form .subform {
    font-size: 0.9em;
    border: 1px solid #D0D0D0;
    background-color: #FEFEFE;
    padding: 0px;
}

form .subform div {
    margin: 6px 6px 10px 6px;
}

form .subform h3 {
    font-size: 10px;
    margin: 0px 0px 18px 0px;
    padding: 3px 5px 3px 5px;
    border-bottom: 1px dashed #D0D0D0;
}






#main .highlight a {
    color: blue;
}

/* obrazek v textu ve strance */
img {
    border: 1px solid #404040;
    margin: 4px 4px 4px 4px;
}

/* seznamy s odrazkami */
ul {
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 2px;
    list-style: none;
}

ul ul {
    margin-left: 20px;
}

ul li {
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 20px;
    background-image: url(li.gif);
    background-repeat: no-repeat;
    background-position: 4px 4px;
}

/* trida divu s chybovymi hlaskami */
.action-result-error {
    color: red;
}

/* trida divu s hlaskami o vysledku akce */
.action-result-result {
    color: #0066FF;
}

/* spolecne vlastnosti boxu s hlaskami */
.action-result-error, .action-result-result {
    background-color: #FDF9CE;
    border: 1px dashed #A3A2B4;
    padding: 2px 5px 2px 5px;
    margin-top: 5px;
    margin-bottom: 10px;
}

/* obrazek s otaznikem pro napovedu */
img.help {
    border: none;
    width: 9px;
    height: 9px;
    margin: 1px 3px 1px 3px;
}

/* ikona */
img.icon {
	margin: 2px 0px 0px 0px;
	border: none;
    vertical-align: baseline;
}

/* ikona s typem souboru */
img.icon-filetype {
    vertical-align: middle;
    margin: 1px 3px 3px 3px;
    border: none;
}

/* vlajka */
img.flag {
    margin: 0px;
    border: 1px solid black;
}

/* oddil s listovanim */
p.lister {
}

/* oddil s vypisem rodicu sekce */
div.parents {
    margin: 10px 0px 10px 0px;
}

/* oddil s vypisem potomku sekce */
div.children {
    margin: 10px 0px 5px 0px;
    padding: 2px 0px 5px 0px;
}

/* cast meze nadpisem clanku a jeho textem */
div.text-top {
    border-bottom: 1px dashed #FF6600;
    margin-bottom: 0.6em;
}

/* cast pod textem clanku */
div.text-bottom {
}

/* graficke odkazy ve vypisu potomku */
div.children img {
    border: none;
}

div.children h2 {
    color: #604040;
}

div.children ul {
    font-weight: bold;
}

/* aktivni stranka v listovani */
p.lister a.active {
    font-weight: bold;
}

/* nadpisy */
h1 {
    color: #202030;
    font-family: Impact;
    font-size: 1.8em;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid #FF6600;
}

h2 {
    color: #604040;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 2px;
    margin-bottom: 5px;
}

h3 {
    color: #604040;
    font-size: 1.0em;
}

.clear {
    clear: both;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

h2 img {
    vertical-align: -25%;
    margin-right: 8px;
}

h2 img.icon {
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 5px;
}

.left {
    float: left;
}

.right {
    float: right;
}

tr.tree-level-0 {background-color: rgb(190,190,190); color: #667}
tr.tree-level-1 {background-color: rgb(210,210,210);}
tr.tree-level-2 {background-color: rgb(230,230,230);}
tr.tree-level-3 {background-color: rgb(250,250,250);}
tr.tree-level-4 {background-color: rgb(255,255,255);}

form table.list td.thumbnail {
    padding: 1px 5px 1px 5px;
    text-align: center;
}

form table.list td.thumbnail img {
    margin: 0px auto 0px auto;
    padding: 0px;
    border: 1px solid black;
    display: block;
}