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


/* ------------ Globální definice objektů  -----------------------------------------------------------------------------------------------*/
body {margin: 0; padding: 0; text-align:center; font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #333; background: url(../img/default/BGbody.png) repeat}
div {height: auto; margin: 0; padding: 0; text-align:justify;}
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,h6 {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: 10; margin: auto; width: 1000px; background: url(../img/default/BGcontainerHeader.png) no-repeat white}
#containerBody {position: relative; margin: auto; width: 1000px; background: #FFFFFF;}
#partnerFooterH {position: relative; top: 0px; margin: auto; width: 1000px;  height: 15px; padding: 0px; background: url(../img/default/BGpartnerFooterH.png) no-repeat} 
#partnerFooterB {position: relative; top: 0px; margin: auto; width: 1000px;  padding: 0px; text-align: center; font-size: 11px; color: #FFFFFF; background: url(../img/default/BGpartnerFooterB.png) repeat-y} 
#partnerFooterT {position: relative; top: 0px; margin: auto; width: 1000px; height: 15px; padding: 0px; background: url(../img/default/BGpartnerFooterT.png) no-repeat} 
#containerFooter {position: relative; margin: auto; height: 25px; width: 1000px; padding: 0; text-align: right; color: #FFFFFF; background: url(../img/default/BGcontainerFooter.png) no-repeat} 
#containerFooter p {padding: 5px 15px 5px 15px;}
#containerFooter a {color: white;}
#containerDebug {width: 1000px; padding: 10px 20px 0px 20px; background: #FFFFFF}
#columnLeft {position: relative; left: -600px; width: 200px; float: left;}
#columnCenter {position: relative; left: 200px; width: 600px; float: left; overflow: hidden}
#columnBody {position: relative; left: 0px; width: 800px; float: left; overflow: hidden}
#columnRight {position: relative; left: 0px; width: 200px; float: left; overflow: hidden}


#partnerFooterB p {padding: 5px 15px 5px 15px;}
#partnerFooterB a {padding: 0px 5px 0px 5px; color: white; text-decoration: none;}
#partnerFooterB a:hover {color: white; text-decoration: underline;}

#pages {position: relative; z-index: 10; margin: 0px; padding: 3px 0px 0px 0px; width: 1000px; list-style-type: none; font-size: 12px;}
#pages li {position: relative; top: 0px; left: 7px; float: left;padding: 2px 15px 2px 15px; height: 23px; display: block; }
#pages li a {height: 23px; float:left; display: block; text-align: center; padding: 4px 0px 4px 0px; color: #FFFFFF; text-decoration: none; }
#pages li a:hover {text-decoration: underline; }

#panel {position: relative; z-index: 10; margin: 0px; padding: 105px 0px 0px 0px; width: 1000px; list-style-type: none; font-size: 12px;}
#panel li {position: relative; top: 0px; left: 7px; float: left; width: 103px; padding: 2px 0px 2px 0px; height: 23px; display: block; }
#panel li a {width: 103px; height: 23px; display: block; text-align: center; padding: 4px 0px 4px 0px; color: #FFFFFF; text-decoration: none; background: url(../img/default/BGpanel.png) no-repeat}
#panel li a:hover {text-decoration: none; background: url(../img/default/BGpanelSel.png) no-repeat}


#mainCategory {height: 14px; margin-left: 7px; padding: 15px 5px 5px 10px; display: block; font-size: 12px; color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #FFFFFF; background: url(../img/default/BGcategoryMenu.png) top no-repeat #008AD0;}
#menu {margin: 0; padding: 0px 0 0px 7px; list-style-type: none; font-family: Arial;}
#menu li {position: relative; display: block; height: auto; background: #7BB7E4;}
#menu li a {height: 14px; margin: 0; padding: 2px 5px 2px 10px; display: block; font-size: 12px; color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #FFFFFF;}
#menu li a:hover {text-decoration: underline; color: #FFFFFF; background: #F36B22; }
#menu ul {margin: 0; padding: 0; list-style-type: none; }
#menu ul li {background: #AED0EE;}
#menu ul li a {padding: 2px 5px 2px 20px; text-align: left; color: #008AD0;}
#menu ul li a:hover {text-decoration: underline; color: #FFFFFF; background: #F36B22;}
#menu ul ul li {background: #DAEAF8;}
#menu ul ul li a {padding: 2px 5px 2px 30px; text-align: left; color: #008AD0;}
#menu ul ul li a:hover {text-decoration: underline; color: #FFFFFF; background: #F36B22;}
.menuSelect {background: #F36B22 !important;}
.menuSelectLink {color: #FFFFFF !important;}
.menuSelect a:hover {color: #000 !important;}
#tailCategory {height: 10px; margin-left: 7px; padding: 5px 5px 0px 10px; display: block; font-size: 12px; color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #FFFFFF; background: url(../img/default/BGcategoryMenuTail.png) bottom no-repeat #008AD0;}

#mainSearch {height: 14px; margin-right: 7px; padding: 15px 5px 5px 10px; display: block; font-size: 12px; color: #FFFFFF; font-weight: bold; background: url(../img/default/BGsearchMenu.png) top no-repeat #6D6E71}
#menuSearch {margin: 0; width: 193px; padding: 0px 0px 0px 0px; font-family: Arial; background: #D1D2D4;}
#menuSearch .searchText {position: relative; left: 10px; height: 20px; border: 0px solid #D1D2D4; width:170px; background: url(../img/default/BGsearchInput.png) no-repeat}
#menuSearch .searchTitle {position: relative; left: 10px; padding: 7px 0px 3px 0px; color: #FFFFFF; font-weight: bold; text-align: left;}
#menuSearch .searchTitle a {position:relative; top: 7px; color: #6D6E71; font-size: 11px; font-weight: bold; text-align: left;}
#menuSearch .searchButton {cursor:pointer; float: right; position: relative; right: 22px; border: 0; width: 60px; height: 24px; color: #FFFFFF; margin: 1px 0 0 1px; font-size: 12px; font-weight: bold; font-family: Arial; background: url(../img/default/BGsearchButton.png) no-repeat} 
#tailSearch {height: 10px; margin-right: 7px; padding: 5px 5px 0px 10px; display: block; font-size: 12px; color: #FFFFFF; font-weight: bold; background: url(../img/default/BGsearchMenuTail.png) bottom no-repeat #D1D2D4;}

#mainBasket {height: 14px; margin-right: 7px; padding: 15px 5px 5px 10px; display: block; font-size: 12px; color: #FFFFFF; font-weight: bold; background: url(../img/default/BGbasketMenu.png) top no-repeat #72B84C}
#menuBasket {margin: 0; width: 193px; padding: 0px 0px 0px 0px; font-family: Arial; background: url(../img/default/BGbasket.png) no-repeat #B9DBA4}
#menuBasket .basketTitle {position: relative; left: 10px; padding: 7px 0px 3px 0px; color: #6D6E71; font-size: 12px; font-weight: bold; text-align: left;}
#menuBasket .basketButton {cursor:pointer; float: right; position: relative; right: 22px; border: 0; width: 60px; height: 24px; color: #FFFFFF; margin: 1px 0 0 1px; font-size: 12px; font-weight: bold; font-family: Arial; background: url(../img/default/BGbasketButton.png) no-repeat} 
#tailBasket {height: 10px; margin-right: 7px; padding: 5px 5px 0px 10px; display: block; font-size: 12px; color: #FFFFFF; font-weight: bold; background: url(../img/default/BGbasketMenuTail.png) bottom no-repeat #B7D79E;}


#mainRecommend {height: 14px; margin-right: 7px; padding: 15px 5px 5px 10px; display: block; font-size: 12px; color: #FFFFFF; font-weight: bold; background: url(../img/default/BGrecommendMenu.png) top no-repeat #ED1C24;}
#menuR {margin: 0; padding: 0px 7px 0px 0px; list-style-type: none; font-family: Arial; background: url(../img/default/BGrecommendMenuBody.png) repeat-y}
#menuR a {color: #6D6E71; }
#menuR a:hover {text-decoration: underline; }
#menuR .itemR {height: auto; width: 173px; height: 155px; margin: 0; padding: 5px 10px 5px 10px; display: block; font-size: 10px; color: #6D6E71; font-weight: bold; background: url(../img/default/BGrecommendSeparator.png) bottom no-repeat}
#menuR .nazevR {font-size: 14px; padding-bottom: 5px; }
#menuR .popisR {padding: 0px 0px 0px 0px; width: 85px; float: right;}
#menuR .imageR {padding: 0px 0px 0px 0px; width: 65px; }
#tailRecommend {height: 15px; margin-right: 7px; padding: 5px 5px 0px 10px; display: block; font-size: 12px; color: #FFFFFF; font-weight: bold; background: url(../img/default/BGrecommendMenuTail.png) bottom no-repeat #ED1C24;}



.centerText {padding: 5px 20px 10px 20px; text-align: center}
.freeText {padding: 5px 20px 10px 20px; text-align: justify;}

.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}
.fill {border: 1px solid #FF0000}

.width25 {width: 25px;}
.width100 {width: 100px;}
.width200 {width: 200px;}
.width300 {width: 300px;}
.width400 {width: 400px;}

/** 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; }

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

#containerBody table {float:left; margin-right:5px; font-size: 11px;}


#catalogTitle {position: relative; left:5px; top: 9px; text-align: left; background: url(../img/default/BGcatalogTitle.png) no-repeat;}
#catalogTitle h2 {padding-left: 10px; padding-top: 6px; color: #FFFFFF; font-size: 12px; font-weight: bold; text-align: left}

#commodity {padding: 0px 10px 0px 10px; color: #6D6E71; float: left;}
#commodity .referer {text-align: left;}
#commodity .referer a {font-size: 15px; color: #A7A9AC; font-weight: bold; text-decoration: none;}
#commodity .referer a:hover {text-decoration: underline;}
#commodity .title {padding: 0px 0px 0px 0px; text-align: left;}
#commodity h3 {padding: 5px 0px 3px 0px; display:inline; color: #008AD0; font-size: 18px; text-align: left;}
#commodity .image img {margin: 0px 0px 10px 10px; float: right; vertical-align: bottom; border: 1px solid #A7A9AC;}
#commodity .text {font-size: 14px; font-weight: bold;}
#commodity .pricered {font-size: 14px; font-weight: bold; color: #FF0000;}
#commodity .price {font-size: 12px; }
#commodity .warranty {font-size: 12px; font-weight: bold; color: #72B84C}

#catalog {padding: 0px 2px 0px 2px; width: 592px;}
#catalog .commodity {width: 295px; height: 260px; float: left;}
#catalog .commodity .title {padding: 0px 5px 0px 5px;}
#catalog .commodity .title a {color: #6D6E71;}
#catalog .commodity h3 {padding: 0px 0px 0px 0px; text-align:left; display:inline; margin-bottom: 0px; color: #6D6E71; font-size: 15px; font-weight: bold;}
#catalog .horizontalS {position: relative; left: 5px; width: 285px; height: 1px; background: url(../img/default/BGseparatorH.png) repeat-x;}
#catalog .verticalS {background: url(../img/default/BGseparatorV.png) right repeat-y;}
#catalog .item_description {width: 150px; float: left; padding: 10px 0px 0px 10px; text-align: left; color: #6D6E71; font-size: 11px;}
#catalog .item_picture {padding: 5px 5px 0px 0px; width: 120px; text-align: right; float: right;}
#catalog .item_price {padding: 5px 0px 0px 5px; width: 280px;}
#catalog .item_price .price {position: relative; left: 100px; padding: 4px 2px 4px 2px; width:70px; height:23px; float:left; text-align: center; font-weight:bold; color: #FFFFFF; background: url(../img/default/BGprice.png) no-repeat;}
#catalog .item_price .infoButton {margin: 0px 5px 0px 5px; cursor:pointer; float: right; border: 0px; height: 23px; width: 23px; background: url(../img/default/BGinfo.png) center no-repeat} 
#catalog .item_price .buyButton {margin: 0px 5px 0px 5px; cursor:pointer; float: right; border: 0px; height: 23px; width: 23px; background: url(../img/default/BGbuy.png) center no-repeat} 
#catalog .item_price .countInput {padding-right: 3px; color: #6D6E71; text-align: center; float: right; border: 0px; height: 23px; width: 23px; background: url(../img/default/BGcount.png) center no-repeat}


#catalogHP {padding: 0px 2px 0px 2px; width: 792px; text-align: center;}
#catalogHP h2 {padding: 10px 0px 15px 0px; color: #008AD0;}
#catalogHP .commodity {width: 255px; height: 260px; float: left;}
#catalogHP .commodity .title {padding: 0px 5px 0px 5px;}
#catalogHP .commodity .title a {color: #6D6E71;}
#catalogHP .commodity h3 {padding: 0px 0px 0px 0px; text-align:left; display:inline; margin-bottom: 0px; color: #6D6E71; font-size: 15px; font-weight: bold;}
#catalogHP .horizontalS {position: relative; left: 5px; width: 245px; height: 1px; background: url(../img/default/BGseparatorH.png) repeat-x;}
#catalogHP .verticalS {background: url(../img/default/BGseparatorV.png) right repeat-y;}
#catalogHP .item_description {width: 110px; float: left; padding: 10px 0px 0px 10px; text-align: left; color: #6D6E71; font-size: 11px;}
#catalogHP .item_picture {padding: 5px 5px 0px 0px; width: 120px; text-align: right; float: right;}
#catalogHP .item_price {padding: 5px 0px 0px 5px; width: 240px;}
#catalogHP .item_price .price {position: relative; left: 50px; padding: 4px 2px 4px 2px; width:70px; height:23px; float:left; text-align: center; font-weight:bold; color: #FFFFFF; background: url(../img/default/BGprice.png) no-repeat;}
#catalogHP .item_price .infoButton {margin: 0px 5px 0px 5px; cursor:pointer; float: right; border: 0px; height: 23px; width: 23px; background: url(../img/default/BGinfo.png) center no-repeat} 
#catalogHP .item_price .buyButton {margin: 0px 5px 0px 5px; cursor:pointer; float: right; border: 0px; height: 23px; width: 23px; background: url(../img/default/BGbuy.png) center no-repeat} 
#catalogHP .item_price .countInput {padding-right: 3px; color: #6D6E71; text-align: center; float: right; border: 0px; height: 23px; width: 23px; background: url(../img/default/BGcount.png) center no-repeat}

#categoryHP {padding: 0px 2px 0px 2px; width: 792px;}
#categoryHP h2 {padding: 10px 0px 15px 0px; color: #008AD0; text-align: center;}
#categoryHP .commodity {width: 255px; height: 225px; float: left;}
#categoryHP .commodity .title {padding: 0px 5px 0px 5px;}
#categoryHP .commodity .title a {color: #6D6E71;}
#categoryHP .commodity h3 {padding: 0px 0px 0px 0px; text-align:left; display:inline; margin-bottom: 0px; color: #6D6E71; font-size: 15px; font-weight: bold;}
#categoryHP .horizontalS {position: relative; left: 5px; width: 245px; height: 1px; background: url(../img/default/BGseparatorH.png) repeat-x;}
#categoryHP .verticalS {background: url(../img/default/BGseparatorV.png) right repeat-y;}
#categoryHP .item_description {width: 110px; float: left; padding: 10px 0px 0px 10px; text-align: left; color: #6D6E71; font-size: 11px;}
#categoryHP .item_picture {padding: 5px 5px 0px 0px; width: 120px; text-align: right; float: right;}

#order {padding: 0px 10px 0px 10px; color: #6D6E71; float: left;}
.modra {color: #008AD0;}

#loginText {padding: 20px 10px 0px 10px; width: 375px; text-align: center; margin: 0 auto; }
#loginText table {text-align: left; color: #6D6E71; font-size: 16px; font-weight: bold;}
#loginText .loginButton {cursor:pointer; color: #FFFFFF; border: 0px; height: 23px; width: 100px; background: url(../img/default/BGbutton.png) center no-repeat} 

.button {cursor:pointer; color: #FFFFFF; border: 0px; height: 23px; width: 100px; background: url(../img/default/BGbutton.png) center no-repeat} 
.buyButton {position: relative; left: 5px; cursor:pointer; color: #FFFFFF; float: right; border: 0px; font-weight: bold; height: 23px; width: 70px; background: url(../img/default/BGbuyButton.png) center no-repeat} 
.countInput {padding-right:3px; color: #6D6E71; text-align: center; float: left; border: 0px; height: 23px; width: 23px; background: url(../img/default/BGcount.png) center center no-repeat}

.buttonNext{cursor:pointer; font-size: 16px; font-weight:bold; color: #FFFFFF; border: 0px; height: 34px; width: 325px; background: url(../img/default/BGbuttonNext.png) center no-repeat}
.buttonBack{cursor:pointer; font-size: 16px; font-weight:bold; color: #FFFFFF; border: 0px; height: 34px; width: 325px; background: url(../img/default/BGbuttonBack.png) center no-repeat}
.buttonStorno{cursor:pointer; font-size: 16px; font-weight:bold; color: #FFFFFF; border: 0px; height: 34px; width: 325px; background: url(../img/default/BGbuttonStorno.png) center no-repeat}
.buttonUpdate{cursor:pointer; font-size: 16px; font-weight:bold; color: #FFFFFF; border: 0px; height: 34px; width: 325px; background: url(../img/default/BGbuttonUpdate.png) center no-repeat}

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

.odstavec{padding-top:5px;}

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