/* DEFAULT
(doporucuju nemenit a nemazat)
*/

* {
margin: 0;
padding: 0;
}

html {
text-align: center;
font:0.75em Arial,Verdana,sans-serif;
line-height:1.5em;
}

a:link    {text-decoration: underline; }
a:visited {text-decoration: underline; }
a:hover   {text-decoration: none; }
a:active  {text-decoration: underline; }

.toLeft   {float: left;}
.toRight  {float: right;}

img {border: none;}

h1 {
font-size: 160%;
padding:15px 0 0 0;
line-height: 130%;
}
h2 {
font-size: 170%;
padding:0;
margin:0 0 25px 0;

line-height:100%;
}
h3 {
font-size:150%;
padding:0;
margin:0 0 10px 0;
}
h4 {
font-size:130%;
color:#cf990a;
padding:20px 0 0 0;
margin:0;
}
h5 {
font-size:110%;
}

ul, ol {
margin:20px 0 5px 5px;
}
li {
list-style:url() none;
margin:0 0 0 5px;
}

p {
margin:0 0 10px 0;
}

.im {color:red;}

/* END DEFAULT 
(doporucuju nemazat)
*/
a {
color:#4b6f93;
}

#work {
text-align: left;
}

body {
background-image: url('full-bg.png');
background-repeat: repeat-x;

}

#full{
background:transparent url('body-bg.jpg') top center no-repeat;
}

#page { 
margin:0 auto;
width:946px;
}
#main {
width:946px;
margin-left:1px;
}
#footer {
color:black;
clear: both;
height:84px;
background:url('footer.jpg');
width:946px;
}

#copyright, #geneslink{
margin-top:30px;
}

#copyright{
float:left;
margin-left:10px;
}

#geneslink {
float:right;
margin-right:10px;
}
#geneslink {
padding:0 0 0 15px;
}
#geneswebdesign {
text-decoration: none;
}
#footer a {
color:black;
}

#area {
float:left;
width:946px;
background:url('page.jpg');
background-repeat: repeat-y; 
}

#header {
height:309px;
width:946px;
position:relative;
}
#header #logo {
float:left;
margin-left:140px;
}
#header #logo span {
display: none;
}
#header #headText {
float:left;
color:black;
font-weight: normal;
font-size: 11px;
line-height: 12px;
text-align: left;
height:41px;
margin-left:30px;
margin-top:8px;
}
#header #topmenu {
width:946px;
background-image: url('menu-bg.png');
background-repeat: no-repeat;
float:right;
position:absolute;
bottom:0;
left: 0;
}
#header #topmenu ul {margin:0;padding:0;}
#topmenu li {
padding:0;
margin:0;
float:left;
line-height:44px;
}
#header #topmenu a {
font-weight: bold;
font-size:11pt;
text-decoration: none;
color:white;
display:block;
height:44px;
}
#header #topmenu a:hover, #topmenu .active a {color:#184567 !important;}
                                       
#topmenu .ccs-0 a:hover, #topmenu .active.ccs-0 {background:url('menuli0.jpg') top left no-repeat;}
#topmenu .ccs-1 a:hover, #topmenu .active.ccs-1 {background:url('menuli1.jpg') top left no-repeat;}
#topmenu .ccs-2 a:hover, #topmenu .active.ccs-2 {background:url('menuli2.jpg') top left no-repeat;}
#topmenu .ccs-3 a:hover, #topmenu .active.ccs-3 {background:url('menuli3.jpg') top left no-repeat;}
#topmenu .ccs-0  {width:160px;}
#topmenu .ccs-1  {width:109px;}
#topmenu .ccs-2  {width:108px;}
#topmenu .ccs-3  {width:160px;}


a .pos {
display: none;
}


#leftColumn {
text-align: left;
float:left;
width:244px;
padding:15px 0 0 4px;
}
#rightColumn {
float:right;
width:187px;
}
#content {
float:left;
width:488px;
padding:10px;
}

.columnBox {
margin:0 0 20px 0;
}

#pagetitle {
font-size:13pt;
color:#0d3a5c;
text-align: left;
margin:15px 0 10px 0;
}

#area img {
border:1px solid white;
}
#area h3 {
padding:3px 0 10px 0;
font-size: 10pt;
margin: 0;
}

#rightColumn {
padding:10px 0 0 0;
}
#rightColumn .columnHeader {
background:url('');
width:175px;
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
}

.columnHeader {
background:url('columnboxheader.jpg') top left no-repeat;
width:226px;
height:39px;
margin:0 0 0 0 !important;
padding:0 0 0 10px !important;
line-height:39px;
font-size:12pt;
color:#184567;
}
.columnBox ul, .columnBox li {
margin:0;padding:0;
}
.columnBox li a {
color:white;
display: block;
line-height: 30px;
width:226px;
height:30px;
padding:0 0 0 10px;
background:url('columnmenuli.jpg') top left no-repeat;
}
.columnBox li a:hover {
background-position:bottom left;
}

#eshopMenu .active a {
color:#fcde17;
text-decoration: none;
background:url('treemenuactiveli.jpg') top left no-repeat;
}
#eshopMenu ul ul {
display: none;
}
#eshopMenu ul .active ul {
display: block;
background:#1c496b;
}
#eshopMenu ul .active ul a {
background:url('');
text-decoration: underline;
padding:0 0 0 20px;
width:216px;
}
#eshopMenu ul .active ul {
width:236px !important;
}
#eshopMenu ul .active a:hover {
color:white;
text-decoration: none;
}
#eshopMenu ul .active .active a {
background:#23608f;
}

#prodejna {
padding:0 0 0 5px;
}

#navigation {
margin-top:-6px;
text-align: left;
font-size:8pt;
}
#navigation a {
color:black;
}



#contactWork {
float:left;
width:250px;
}
#contactForm {
float:right;
width:230px;
}

#homepage #work {
padding:10px;
color:#0d3a5c;
background:url('bghomecontent.jpg') top left repeat-x;
}


.produktItem {
background:url('bgprodukt.jpg') top left no-repeat;
width:149px;
height:189px;
float:left;
margin:0 10px 6px 3px;
overflow: hidden;
}
.produktThumb {
text-align: center; 
width:149px;
padding:6px 0 0 0;
height:105px;
}
.productPrince {
color:#0d3a5c;
font-size:8pt;
line-height:25px;
height:24px;
padding:0 5px;
}
.productPrinceText {
font-weight: bold;
}
.produktItem h3 a {
color:white;
font-size:9pt;
text-align: center;
padding:0 5px;
}
.produktItem h3 {
text-align: center;
}

.produktHeaderColumn a {
color:#0d3a5c;
font-size:10pt;
font-weight: bold;
}
.productListBoxContentColumn {
margin:0 0 15px 0;
}

#detailProduktImg {
width:350px;
text-align: center;
float:left;
}
.produktBox {
width:120px;
float:right;
}

#detailProduktInfo {
clear: both;
padding:10px 0 0 0;
}

.produktCena {
margin:20px 0 0 0;
padding:10px 0 20px 0;
clear: both;
background:url('bgcena.jpg') top left no-repeat;
height:84px;
color:#0d3a5c;
}

.produktCena.zaPar {
    background-image: url('za_par.jpg');
}
.princeWithDPH {
display: block;
padding:24px 0 0 90px;
font-size: 13pt;
font-weight: bold;
}
.princeWithOutDPH {
display: block;
padding:18px 0 0 90px;
font-size: 11pt;
}
.produktSelect select {
padding:3px;
width:150px;
border:1px solid #c5c5c5;
}
.produktSelect span {
display: block;
width:170px;
float:left;
font-weight: bold;
font-size:10pt;
}
.produktSelect {
margin:0 0 0 10px;
clear: both;
padding:0 0 6px 0;
}
.bottomBlock {
margin:10px 0 0 0;
padding:20px 0;
background:#e8e8e8;
border-bottom:1px solid #ffeec4;
}
.produktDokose {margin:0 0 0 20px;}
.produktDokose input {
background:url('dokosiku.jpg') 0 7px no-repeat;
width:135px;
height:40px;
border:none;
display: block;
cursor: pointer;
line-height:40px;
padding:0;
color:white;
text-decoration: underline;
}
.produktDokose input:hover {
text-decoration: none;
}
.lister {
padding:4px;
width:465px;
height:25px;
margin:0 0 7px 3px;
clear: both;
background:#d6e6f7;
}
.lister li {
float:left;
font-size: 11pt;
}



#obsahKosiku {
width:100%;
border-collapse: collapse;
}
fieldset {
border:none;
}

#messageBox {
margin:10px 0 0 0;
color:white;
font-size:10pt;
}
.msg-err {
padding:5px;
background-color:red;
}
.msg-ok {
padding:5px;
background-color:green;
}


.tableTitle th {
color:#0d3a5c;
padding:3px 4px 0 5px;
font-size:9pt;
border:1px solid #c9c9c9;
margin:0 0 4px 0;
background:#ffeec4;
vertical-align: baseline;
text-align: left;
}
#obsahKosiku {
background:white;
padding:3px;
margin:0 0 20px 0;
}
#obsahKosiku td {
border:1px solid #c9c9c9;
padding:5px 3px 0 5px;
vertical-align: baseline;
}
.produktName {
width: 140px;
}

.eraseIco {
width:12px;
height:12px;
display: block;
background:url('icomini-del.gif') top left no-repeat;
}
.eraseIco span {display: none;}

#kosfinalsum {
font-size:11pt;
background:white;
border: 1px solid #c9c9c9;
margin:0;
padding:3px;
}
#finalSum {
font-weight: bold;
color:#0d3a5c;
background:white;
padding:2px;
font-size:12pt;
}
.kosbuttons {
margin-left:0;
}
#bt_buy {
padding:15px;
background:white;
}
#bt_buy input {
background:url('objednat.jpg') 0 7px no-repeat;
width:135px;
height:40px;
border:none;
display: block;
cursor: pointer;
line-height:40px;
color:white;
text-decoration: underline;
float:left;
}
#button_right {
margin-left: 10px;
}
#button_left {
margin-left: -15px;
}
#button_right_end {
margin-left: 73px;
margin-right: -15px;
}

.buyblock {
margin:0 0 20px 0;
}

.block {
margin:0 0 20px 0;
}
.block h3 {
text-align: left !important;
font-size:13pt;
color:#222;
padding-bottom:5px !important;
border-bottom:4px solid #ffeec4;
}
#potvrzeni {
text-align: center;
}
#objednat input {
background:url('objednat.jpg') 0 7px no-repeat;
width:135px;
height:40px;
border:none;
cursor: pointer;
line-height:40px;
padding:0;
color:white;
text-decoration: underline;
}

#menukosik {
position: absolute;
top:0px;
right: 0px;
color:white;
float:left;
clear: both;
width:240px;
height:48px;
margin:5px 0 0 700px;
}
#menukosik .columnBlockHeader {
float:left;
}

#menukosik .columnBlockHeader a {
color:white;
float:left;
display: block;
text-decoration: none;
width:44px;
height:44px;
margin-right:10px;
margin-top:-5px;
background-image: url('kosik-icon.png');
}
#menukosik .lineBlock {
float:left;
text-align: left;
line-height: 16px;
}
.gray {
color:#fcde17;
font-weight:bold;
}

#searchBox {
margin:0 0 20px 0;

}
h1.logo{
  padding-top: 0px;
  padding-left: 0px;
  float: left;
}

.connect_widget_interactive_area{
padding-top:20px;
}

#l2 #logo{
margin-left:55px;
}