html{
 background-color: #1e58bb; /* page background colour */
 margin:0px;
}

body,td{
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body{
 margin:0px;
 padding:0px;
 background:#000000;
 font-size: 12px;
}

#wrapper { min-width: 400px;}
 /* Allways good to have on full width liquid CSS layouts,
    google "min-width IE" for JS solutions there */

#wrapper { border:0px; margin:0px;}
 /* this is a border with marginal compensation to stop scroll bars */

/* Setup (This all looks neater when it isn't put on display!) */
#wrapper {
 width: 100%;               /* total width */
}

#outer {
 border-left-width: 160px;  /* left column width */
 border-left-color: #1e58bb;   /* left column colour */

 border-right-width: 0px; /* right column width */
 background-color: #d9eefd; /* center column colour */
}

#left {width: 155px;              /* left column width */
 margin-left: -155px;       /* _negative_ left column width */;
  }
#left ul {display: block;  padding: 0px; list-style: none; width: 150px; /* Width of Menu Items */ border-bottom: 1px solid #B39F7D; margin-top: 8px;}
#left ul li {position: relative; }
#left li ul {position: absolute; left: 149px; /*Set 1px less than menu width */ top: 0px; display: block; margin-top: 0px;}
#left ul li:hover ul { display: block;}
#left ul li:hover>ul { visibility:visible;}
#left ul li ul {visibility:hidden;}
/* Fix IE. Hide from IE Mac \*/
* html #left ul li { float: left; height: 1%; }
* html #left ul li a { height: 1%; }
/* Make-up styles */
#left li, ul {margin: 0px;}
/* Styles for Menu Items */
#left ul li h3 { font-size: 16px; text-align: center; font-weight: bold; font-family: Arial; margin: 0px; width: 150px; color: black; background: #CCD5FF;}
#left ul li a { display: block; text-decoration: none; color: white; background: #162F73; /* IE6 Bug */ padding: 5px;
               border: 1px solid #B39F7D; border-bottom: 0px; width: 138px; min-height: 16px;}
/* Hover Styles */
#left ul li a:hover {color: yellow; background: #4466B5; }
/* Sub Menu Styles */
#left ul li ul a { text-decoration: none; color: white; background: #162F73; /* IE6 Bug */	padding: 5px; border: 1px solid #B39F7D;
                  border-bottom: 0px; width: 138px;}
/* Sub Menu Hover Styles */
#left ul li ul a:hover { color: yellow; background: #4466B5;}
/* Icon Styles */
#left ul li .submenu       {background:#162F73 url("../../images/rightarrow.gif") no-repeat right;}
#left ul li .submenu:hover {background: url("../../images/rightarrowhover.gif") no-repeat right;}


#header {
 background-color: #1e58bb;
 height:122px;
}
#zastavky {margin: 10px; text-align: center;}

#footer {
 background-color: #1e58bb;
/* height:25px; */
 font-size: 10px;
 color: #ffffff;
 text-align:center;
 padding-top: 8px;
}

#footer a:link, a:visited{
 color: #333366;
}

/* Main code */

#outer { width: auto; border-left-style: solid;}
#inner { margin: 0px; width: 100%;}

#left { float: left; position: relative; z-index: 15; }

#content { float: left; width: 100%; position: relative; z-index: 12;}
#content ul li { padding-left: 0px;}
#content ul { padding-left: 30px;}

#header { width: 100%; position: relative; z-index: 13; }
#footer { width: 100%; position: relative; z-index: 14; }


.sitemap {float: left; width: 275px; height: 250px; margin: 15px 30px; padding: 0px;}
.sitemap ul { padding: 0px; margin: 0px;}

.sitemap ul li { padding: 0px; margin: 0px;}
.sitemap ul li a {color: blue;}
.sitemaph2 {color: #162f73; padding: 25px 0px 0px 70px; margin: 0px; background-repeat: no-repeat; height: 70px;}
.sitemaph2 a {color: #162f73;}
.sitemaph2 a:hover {text-decoration: none;}
.clear { clear: both; }

.hwzoznam {}
.hwzoznam h2 {clear: both;}                                                                          /* Nadpis hardwareovych skupin*/
.hwzoznam ul {font: bold 14px;}
.hwzoznam ul li {margin: 0px 0px 0px 15px; text-decoration:none; float: left; padding: 0px 5px 5px 15px; list-style-type: none;}
.hwzoznam ul li h6 {margin: 0px; padding: 0px 0px 0px 15px; border: 0px; background: url('../../images/ul.gif') no-repeat 0px 0px; }
.hwzoznam ul li a:link, .hwzoznam ul li a:visited {color:#000000}                        /* un and visited link */
.hwzoznam ul li a:hover {text-decoration: underline;}                                    /* mouse over link */
.hwzoznam ul li a img {margin: 0px 0px 0px 15px; padding: 0px 5px 5px 15px; border: 0px;}

.hwzoznam ul .hwnazov {list-style-image: URL('../../images/ulreverse.gif'); float: none;}
#innercontent { padding: 15px; padding-top:0; }

/* Mozilla code */
#outer > #inner { border-bottom: 1px solid transparent; }
#content { margin: 0px -3px 0px -2px;}

/*printer styles*/
@media print{
#left{display:none;}
#outer{border-left:0px;}
#topLinks{display:none;}
#wrapper{border-left:0px;border-right:0px;}
}

#complogo {
    width:auto;
    float:right;
    height:102px;
  }

#pagelogo {
    width:auto;
    float:left;
    height:102px;
  }

#topmenubg {
    width:100%;
    height:20px;
    background-color:#FE9833;
    clear:both;
    border: 0px;
    margin: 0px;
  }


#sectionLinks {
/*	border-top: 1px dashed #CCCCCC;
	align: center; */
}

#sectionLinks h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width:133px;
	margin: 0px;
	margin-left:3px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	color: #fe9833;               /*text left menu*/
	background-color: #549ec0;
        display:block;
}

#sectionLinks ul
{
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0px;
 padding: 0px;
}

#sectionLinks a
{
 font-size: 13px;
 display:block;
 padding: 2px;
 margin-left: 10px;
 text-decoration: none;
}

#sectionLinks a:link, #sectionLinks a:visited
{
 color: #d9eefd;
 vertical-align: bottom;
}

#sectionLinks a:hover
{
 text-decoration: underline;
}

#seologo {
        position: absolute;
	top: 97px;
	right: 15px;
	z-index: 15;
          }

#topLinks {
	position: absolute;
	top: 102px;
	left: 145px;
	color: #EEE;
	z-index: 15;
	font-size: 13px;
	font-weight: bold;
}

#topLinks a:link, #topLinks a:visited
{
	color:#FFE7CF;
	width:112px;
	height:18px;
	text-decoration:none;
	display:block;
	margin:1px;
	text-align:center;
}

#topLinks a:hover
{
	color: #FE9833;
	background-color:#FFE7CF;
}


.floatright {
	float: right;
	margin: 5px;
}

h1 {
	font-size: 24px;
	color: #FE9833;
	font-style: italic;
}

h2 {
	font-size: 18px;
	color: #004E82;
	font-weight: bold;
}

h3 {
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}



.shopstyle {
	border-top: 1px solid #800000;
	border-bottom: 1px solid #800000;
}
.shopdir {
	border-bottom: 1px solid #800000;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFECEC;
}
.actiondir {
	color: #DDDDDD;
	background-color: #800000;
	font-weight: bold;
	text-align: left;
}
.actiondate {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-color: #800000;
	vertical-align: top;
	width: 180px;
}
.actiontext {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #800000;
	text-align: left;
}

.paragraph {
	text-align: justify;
}

.centeralign {
	text-align: center;
}

.leftalign {
	text-align: left;
}

.rightalign {
	text-align: right;
}

.kontakttext {
	text-align: left;
}

.kontaktname {
	font-weight: bold;
	text-align: left;
	width: 150px;
	vertical-align:top;
}

.kontaktdata {
	text-align: left;
	width: 400px;
}

.newsdate {
	font-weight: bold;
	text-align: left;
	width: 120px;
	vertical-align:top;
}

.newstext {
	text-align: left;
}

.fotosmall a {
	padding:5px;
	border:solid #D5BE72 1px;
	background:#FFD9D9;
	display:block;
	text-decoration:none;
        font-size: 11px;
	color:#222222;
}

.fotosmall a:hover {
	background:#BBBBBB;
}

.fotosmall img{
	border: 1px solid;
}

.galeryimg a{
	margin: 20px;
	text-align: center;
	position: relative;
	background-color: #CCCCCC;
	border: 1px solid #003366;
	display:block;
	font-size:12px;
	text-decoration:none;
	color:#222222;
}

.galeryimg a:hover{
	background-color: maroon;
	border-color:maroon;
	color:#CCCCCC;
}


.galeryimg img{
	border:0px;
}

.redtext {
	color:#FF0000;
}

.smallfont {
	font-size:11px;
}

.textindent {
	margin-left:1em;
}

#printablelink {
	font-weight:bold;
	margin:2px;
	text-align:right;
	font-size:10px;
}

img {
	border:0px;
}

.bliptv {float: left;}