/**
  * Základní styl
  *
  * @author Kateřina Bambušková <katerina.bambuskova@seznam.cz>
  * @copyright Copyright 2008, VIAKIS.NET
  * @version 14.7.2008
  */


/* ------------ Globální definice objektů  -----------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; font-family: Arial; font-size: 12px; color: #333; background: url(../img/default/BGbody.gif) repeat-y center #FFF}
div {height: auto; margin: 0; padding: 0}
p {margin: 0; padding: 0}
a {text-decoration: none; color: #0000FF}
a:hover {text-decoration: underline}
img {margin: 0; padding: 0; border: 0}
form {margin: 0; padding: 0}

table, tr, td{border-collapse: collapse; border-style:none}

h1,h2,h3,h4,h5 {margin: 0; padding: 0; font-size: 11px; color: #000}

.input_text {margin: 0; padding: 0; font-size: 11px; vertical-align: middle; color: #000}
.input_button {margin: 0; padding: 0; border: 0}
.input_radio {height: 12px; width: 15px; margin: 0; padding: 0; vertical-align: middle; border: 0}
.input_check {height: 15px; width: 15px; margin: 0px; padding: 0px; border: 0}

Textarea {margin: 0px; padding: 0px; overflow: auto; font-size: 11px; font-family: Arial; color: #000; border: 0px}
Label {margin: 0px; padding: 0px; vertical-align: middle; color: #000; font-size: 11px}
Select {height: 19px; margin: 0; padding: 0; vertical-align: middle; color: #000; font-size: 11px}
Input {vertical-align: middle}

.clear {clear: both; font-size: 1px}


/* ------------ Definice kostry  ---------------------------------------------------------------------------------------------------------*/
#containerHeader {position: relative; z-index: 1; margin: auto; width: 950px; height: 140px; background: url(../img/default/BGcontainerHeader.png) no-repeat}
#containerBody {position: relative; margin: auto; width: 950px; background: url(../img/default/BGcontainerBody.png) repeat-y}
#containerBodyAdmin {position: relative; margin: auto; width: 950px; background: #FFF}
#containerBody #navigator {position: relative; left: 235px; height: 50px; width: 740px; float: left;}
#containerBodyAdmin #navigator {position: relative; left: 35px; height: 50px; width: 940px; float: left;}
#columnLeft {position: relative; top: -30px; left: -720px; width: 200px; float: left;}
#columnCenter {position: relative; left: 205px; height: auto; width: 725px; padding-top: 15px; float: left; overflow: hidden}
#columnAdmin {position: relative; left: 0px; height: auto; width: 930px; padding-top: 0px; float: left; overflow: hidden}
#containerFooter {position: relative; top: -1px; height: 29px; width: 950px; margin: auto; padding: 0; color: #FFF; background: url(../img/default/BGcontainerFooter.gif) no-repeat} 
#partnerFooter {position: relative; top: -1px; width: 948px; margin: auto; padding: 0; text-align: center; color: #000; border-right: 1px solid #000; border-left: 1px solid #000; background: url(../img/default/BGpartnerFooter.gif) no-repeat} 

.debug {padding: 10px 20px 0px 20px; background: #FFFFFF}

/* ------------ containerHeader ----------------------------------------------------------------------------------------------------------*/
#containerHeader h1 {display: none}
#containerHeader .imageHeader {position: absolute; top: 0px; left: 205px; padding:0; margin:0;}

.logo {position: absolute; top: 10px; left: 5px}
.logo {height: 85px; width: 225px; display: block}


.panel {position: absolute; top: 110px; left: 5px; margin: 0; padding: 0; list-style-type: none; font-size: 14px; font-family: Arial;}
.panel li {position: relative; float: left; display: block; background: url(../img/default/BGpanelBullet.gif) no-repeat right}
.panel li a {padding: 8px 20px 7px 20px; display: block; float: left; font-weight: bold; color: #000 }
.panel li span {padding: 8px 0px 7px 0px; display: block; float: left; font-weight: bold; color: #000 }
.panel ul {position: absolute; z-index: 999; top: 25px; left: 2px; width: 176px; margin: 0; padding: 2px 0 0 0; list-style-type: none}
.panel ul li {float: none}
.panel ul li a {padding: 4px; display: block; float: none; text-align: center; color: #FFF; background: #FF3300; border-bottom: 2px solid #FFF}
.panel ul li a:hover {text-decoration: none; color: #000}

/* ------------ Body -----------------------------------------------------------------------------------------------------------------*/
#containerBody {font-family: Trebuchet MS; font-size: 16px; line-height: 150%}
#containerBody h2 {height: 20px; margin-bottom: 5px; padding: 20px 0 0 0; font-size: 16px; text-align: center; color: #000}
#containerBody .freeText {padding: 5px 20px 10px 20px}
#containerBody .bold {font-weight: bold}
#containerBody .cursive {font-style: italic}
#containerBody .lastModified {padding: 50px 20px 3px 20px; text-align: right; font-size: 8pt}
#containerBody .visit {padding: 10px 20px 30px 20px; text-align: left; font-size: 8pt}

/* ------------ BodyAdmin -----------------------------------------------------------------------------------------------------------------*/
#containerBodyAdmin {font-family: Trebuchet MS; font-size: 16px; line-height: 150%}
#containerBodyAdmin h2 {height: 20px; margin-bottom: 5px; padding: 20px 0 0 0; font-size: 16px; text-align: center; color: #000}
#containerBodyAdmin .freeText {padding: 5px 20px 10px 20px}
#containerBodyAdmin .bold {font-weight: bold}
#containerBodyAdmin .cursive {font-style: italic}
#containerBodyAdmin .lastModified {padding: 50px 20px 3px 20px; text-align: right; font-size: 8pt}
#containerBodyAdmin .visit {padding: 10px 20px 30px 20px; text-align: left; font-size: 8pt}

.sqlReservedWord {font-weight: bold;color: #0000FF}
.sqlFunction {color: #FF0000}

.calendar a {	color: #000; text-decoration: none }
.calendar a:visited { color: #000; text-decoration: none }
.calendar a:hover { color: #065fa3; text-decoration: none }


/* ------------ Navigator -----------------------------------------------------------------------------------------------------------------*/
#navigator .text {padding: 10px 10px 10px 10px;}

/* ------------ ColumnCenter -----------------------------------------------------------------------------------------------------------------*/

#columnCenter .freeText {padding: 5px 20px 10px 40px; text-align: justify;}
#columnCenter .partner {padding: 5px 20px 10px 35px; text-align: left; font-size: 11px;}
#columnCenter .partner table {float: left; line-height: 105%}
#columnCenter .centerText {padding: 5px 50px 10px 50px; text-align: center}


#columnCenter h1 {padding: 5px 0 10px 0px; font-size: 24px; }
#columnCenter h2 {padding: 3px 0 7px 0px; font-size: 18px; }
#columnCenter h3 {padding: 2px 0 5px 0px; font-size: 14px; }
#columnCenter h4 {padding: 1px 0 2px 0px; font-size: 12px; }
#columnCenter p {padding: 2px 0px 2px 0px;}

/** Core styles. */
.Bold {font-weight: bold;}
.Italic {font-style: italic;}
.Underline {text-decoration: underline;}
.StrikeThrough {text-decoration: line-through;}
.Subscript {vertical-align: sub; font-size: smaller;}
.Superscript {vertical-align: super; font-size: smaller;}

/** Font faces. */
.FontComic {font-family: 'Comic Sans MS'; }
.FontCourier {font-family: 'Courier New'; }
.FontTimes {font-family: 'Times New Roman'; }

/** Font sizes. */
.Size8 { font-size: 8px; }
.Size10 {	font-size: 10px; }
.Size12 { font-size: 12px; }
.Size14 { font-size: 14px; }
.Size16 { font-size: 16px; }
.Size18 { font-size: 18px; }
.Size20 { font-size: 20px; }
.Size22 { font-size: 22px; }
.Size24 { font-size: 24px; }
.Size26 { font-size: 26px; }
.Size28 { font-size: 28px; }
.Size30 { font-size: 30px; }

/** Font colors. */
.FontColor1 { color: #ff9900; }
.FontColor2 { color: #0066cc; }
.FontColor3 {	color: #ff0000; }

.FontColor1BG { background-color: #ff9900; }
.FontColor2BG { background-color: #0066cc; }
.FontColor3BG { background-color: #ff0000; }

/** Indentation. */
.Indent1 {margin-left: 40px; }
.Indent2 {margin-left: 80px; }
.Indent3 {margin-left: 120px; }

/** Alignment. */
.JustifyLeft { text-align: left; }
.JustifyRight { text-align: right; }
.JustifyCenter {text-align: center; }
.JustifyFull { text-align: justify; }

/** Other. */
code { font-family: courier, monospace; background-color: #eeeeee; 	padding-left: 1px; padding-right: 1px; border: #c0c0c0 1px solid; }
kbd { padding: 0px 1px 0px 1px; border-width: 1px 2px 2px 1px; border-style: solid; }
blockquote { color: #808080; }









.formBox {padding: 15px 0 20px 235px}         
.formBox div {padding-bottom: 7px}
.formBox div span {position: relative; top: 5px; width: 56px; padding-left: 25px; display: block; float: left}
.formBox div .input_text {position: relative; left: 10px; height: 17px; width: 150px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGinput.gif) repeat-x; border: 1px solid #CE0100} 
.button {cursor:pointer; position: relative; left: 2px; border: 0; width: 80px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton.gif) no-repeat} 
.buttonOK {cursor:pointer; position: relative; left: 2px; border: 0; width: 26px; height: 22px; color: #FFF; margin: 0; font-size: 11px; font-family: Arial; background: url(../img/default/BTok.gif) no-repeat} 

#columnLeft .input_text {position: relative; height: 17px; width: 155px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGinput.gif) repeat-x; border: 1px solid #A3A300} 


#columnCenter .centerText h3 {height: 20px; margin-bottom: 5px; padding: 0 0 5px 0px; font-size: 14px; text-align: center; color: #000}


#columnCenter .catalog {padding: 1px 10px 3px 18px; width: 705px;}
#columnCenter .catalog .commodity {padding: 2px; width: 230px; float: left;}
#columnCenter .catalog .commodity .item {padding: 2px; text-align: center; border: 1px solid #000; background: #FFF;}
#columnCenter .catalog .commodity .item h3 {padding: 5px 0 10px 0; height:100px; margin:0; font-size: 16px; text-align: center; color: #000}
#columnCenter .catalog .commodity .item a {color: #000}
#columnCenter .catalog .commodity .item .picture {width: 225px; height: 150px}
#columnCenter .catalog .commodity .item .price {font-size: 18px; color: #FF0000;}

#columnCenter .catalogHP {position: relative; right:18px; padding: 1px 10px 3px 0px; width: 705px;}
#columnCenter .catalogHP .commodity {padding: 2px; width: 230px; float: left;}
#columnCenter .catalogHP .commodity .item {padding: 2px; text-align: center; border: 1px solid #000; background: #FFF;}
#columnCenter .catalogHP .commodity .item h3 {padding: 5px 0 10px 0; height:100px; margin:0; font-size: 16px; text-align: center; color: #000}
#columnCenter .catalogHP .commodity .item a {color: #000}
#columnCenter .catalogHP .commodity .item .picture {width: 225px; height: 150px}
#columnCenter .catalogHP .commodity .item .price {font-size: 18px; color: #FF0000;}

#columnCenter .categoryHP {position: relative; right:18px; padding: 1px 10px 3px 0px; width: 705px;}
#columnCenter .categoryHP .commodity {padding: 2px; width: 230px; float: left;}
#columnCenter .categoryHP .commodity .item {padding: 2px; text-align: center; border: 1px solid #000; background: #FFF;}
#columnCenter .categoryHP .commodity .item h3 {padding: 5px 0 10px 0; height:50px; margin:0; font-size: 16px; text-align: center; color: #000}
#columnCenter .categoryHP .commodity .item a {color: #000}
#columnCenter .categoryHP .commodity .item .picture {width: 225px; height: 150px}


#columnCenter .freeText .select_text_set {height: 19px; width: 189px; padding: 1px 0 0 3px; font-weight: bold; color: #5A5A5A; border: 1px solid #696969} 
#columnCenter .freeText .input_sel_name {width: 50px; }
#columnCenter .freeText .input_text {height: 17px; width: 105px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGinput.gif) repeat-x; border: 1px solid #696969}
#columnCenter .freeText .readonly {border: 1px solid #C6C6C6}
#columnCenter .freeText .input_name {width: 200px; } 
#columnCenter .freeText .input_parametr {width: 300px; } 
#columnCenter .freeText .input_price {width: 25px; } 
#columnCenter .freeText .input_long {width: 600px; } 
#columnCenter .freeText textarea {position: relative; top: 5px; height: 100px; width: 630px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGtextarea.gif) repeat-x bottom #FAFAFA; border: 1px solid #696969}
#columnCenter .freeText .fill {border: 1px solid #CE0100}

#columnCenter .freeText .button {cursor:pointer; position: relative; left: 2px; border: 0; width: 60px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton60.gif) no-repeat} 
#columnCenter .freeText .button80 {cursor:pointer; position: relative; left: 300px; top: 10px; border: 0; width: 80px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton.gif) no-repeat} 
#columnCenter .freeText .buttonO {cursor:pointer; top: 10px; border: 0; width: 140px; height: 23px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbuttonOrder.gif) no-repeat} 
#columnCenter .freeText .button2 {cursor:pointer; position: relative; left: 4px; border: 0; width: 60px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton60.gif) no-repeat} 
#columnCenter .freeText .button3 {cursor:pointer; position: relative; left: 750px; border: 0; width: 60px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton60.gif) no-repeat} 
#columnCenter .freeText .rightButton {cursor:pointer; padding-right: 3px; text-align: right}
#columnCenter .freeText .smallText {padding-top: 5px; font-style:italic; font-size: 13px; line-height: 125%}
#columnCenter .freeText .fillText {padding-top: 5px; font-style:italic; font-size: 13px; line-height: 125%; color: #FF0000;}



/* ------------ ColumnAdmin -----------------------------------------------------------------------------------------------------------------*/
#columnAdmin h2 {height: 20px; margin-bottom: 5px; padding: 0 0 15px 10px; font-size: 25px; text-align: center; color: #000}
#columnAdmin h3 {height: 20px; margin-bottom: 5px; padding: 0 0 15px 10px; font-size: 20px; text-align: left; color: #000}
#columnAdmin h4 {height: 20px; margin-bottom: 0px; padding: 10px 0 15px 0; font-size: 16px; text-align: left; color: #000}

#columnAdmin .freeText {padding: 5px 10px 10px 10px}
#columnAdmin .centerText {padding: 5px 50px 10px 50px; text-align: center}


#columnAdmin .centerText h3 {height: 20px; margin-bottom: 5px; padding: 0 0 5px 0px; font-size: 14px; text-align: center; color: #000}

#columnAdmin .edit {padding: 1px 10px 3px 10px; font-size: 14px; font-family: Arial}
#columnAdmin .edit .category {padding-left: 25px;}
#columnAdmin .edit .category_name {float:left; width: 500px}
#columnAdmin .edit .category_fce a {padding-right: 25px }
	
#columnAdmin .edit .input_text {height: 17px; width: 105px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGinput.gif) repeat-x; border: 1px solid #696969}
#columnAdmin .edit .readonly {border: 1px solid #C6C6C6}
#columnAdmin .edit .input_name {width: 200px; } 
#columnAdmin .edit .input_parametr {width: 300px; } 
#columnAdmin .edit .input_date {width: 100px; } 
#columnAdmin .edit .input_long {width: 600px; } 
#columnAdmin .edit .select_text {height: 19px; width: 208px; padding: 1px 0 0 3px; font-weight: bold; color: #5A5A5A; border: 1px solid #696969} 
#columnAdmin .edit textarea {position: relative; top: 5px; height: 500px; width: 750px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGtextarea.gif) repeat-x bottom #FAFAFA; border: 1px solid #696969}
#columnAdmin .edit .partner {position: relative; top: 5px; height: 50px; width: 600px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGtextarea.gif) repeat-x bottom #FAFAFA; border: 1px solid #696969}
#columnAdmin .edit .partner2 {position: relative; top: 5px; height: 100px; width: 600px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGtextarea.gif) repeat-x bottom #FAFAFA; border: 1px solid #696969}
#columnAdmin .edit .small {position: relative; top: 5px; height: 100px; width: 350px; padding: 3px 0 0 6px; font-weight: bold; color: #5A5A5A; background: url(../img/default/BGtextarea.gif) repeat-x bottom #FAFAFA; border: 1px solid #696969}
#columnAdmin .edit .fill {border: 1px solid #CE0100}

#columnAdmin .edit .button {cursor:pointer; position: relative; left: 2px; border: 0; width: 60px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton60.gif) no-repeat} 
#columnAdmin .edit .button80 {cursor:pointer; position: relative; left: 2px; border: 0; width: 80px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton.gif) no-repeat} 
#columnAdmin .edit .button2 {cursor:pointer; position: relative; left: 4px; border: 0; width: 60px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton60.gif) no-repeat} 
#columnAdmin .edit .button3 {cursor:pointer; position: relative; left: 750px; border: 0; width: 60px; height: 19px; color: #FFF; margin: 1px 0 0 1px; font-size: 11px; font-family: Arial; background: url(../img/default/BTbutton60.gif) no-repeat} 
#columnAdmin .edit .rightButton {cursor:pointer; padding-right: 3px; text-align: right}
#columnAdmin .edit .smallText {padding-top: 5px; font-style:italic; font-size: 13px; line-height: 125%}
#columnAdmin .edit .fillText {padding-top: 5px; font-style:italic; font-size: 13px; line-height: 125%; color: #FF0000;}
#columnAdmin .freeText .smallText {padding-top: 5px; font-style:italic; font-size: 13px; line-height: 125%}
#columnAdmin .partner {font-size: 12px;}


/* ------------ ColumnLeft -----------------------------------------------------------------------------------------------------------------*/
#columnLeft h3 {height: 25px; padding: 5px 5px 0 30px; font-family: Arial; font-size: 13px; text-align: left; color: #FFF; border: 1px solid #A3A300; background: url(../img/default/BGmenuBullet.png) no-repeat #330066;}
#columnLeft h3 a {color: #FFF;}
#columnLeft h2 {height: 25px; padding: 0px 5px 0 30px; letter-spacing: 2px; font-weight: normal; font-family: Verdana, Arial; font-size: 25px; text-align: left; color: #FFF;}
#columnLeft h2 a{color: #FFF;}
#columnLeft h4 {font-size: 18px; letter-spacing: 1px; color: #FFF;}

.box {border-left: 1px solid #A3A300; border-right: 1px solid #A3A300; background: #2200CC}
.box a {color: #FFF}

.menu {margin: 0; padding: 0px 0 0px 0; list-style-type: none; font-family: Arial;}
.menu li {position: relative; display: block; height: 100%; background: #2200CC}
.menu li a {height: 24px; margin: 0; padding: 0px 5px 0px 10px; display: block; font-size: 11px; font-weight: bold; border-bottom: 1px solid #A3A300; border-top: 1px solid #A3A300;}
.menu .menuItem a {background: #BFFFBF; color: #000}
.menu li a:hover {text-decoration: none; background: url(../img/default/BGmenuSelect.gif) no-repeat #CCC}
.menu ul {margin: 0; padding: 0; list-style-type: none;}
.menu ul li a {padding: 0px 5px 0px 20px; text-align: left;}
.menu ul li a:hover {text-decoration: none; background: url(../img/default/BGmenuSelect.gif) no-repeat #CCC}
.menu ul ul li a {padding: 0px 5px 0px 30px; text-align: left; border-bottom: 1px solid #A3A300}
.menuSelect {background: url(../img/default/BGmenuSelected.gif) no-repeat #CCC !important}
.menuSelectItem {color: #000; background: url(../img/default/BGmenuSelectedItem.gif) no-repeat #CCC !important}
.menuSelectItem a {color: #000; }

.links {margin: 0; padding: 0 10px 0 0; text-align: center;}
.links a {color: #FFF;}


/* ------------ Footer -----------------------------------------------------------------------------------------------------------------*/
.iconVIAKIS {height: 25px; width: 200px; margin: 2px 0 0 4px; text-decoration: none; display: block; float: left}
.iconVIAKIS:hover {text-decoration: none}

#containerFooter div {width: 700px; padding: 7px 0 0 0; float: left; font-weight: bold; text-align: right}

#partnerFooter a {padding: 5px; color: #000; text-decoration: underline;}
#partnerFooter a:hover {color: #0000FF;}