html{
 background-color: #5f9dcb; /* page background colour */
 margin:0;
}

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

body{
 margin:0px;
 padding:0px;
 background-color: #5f9dcb;
 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:0; margin:0;}
 /* 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: 145px;  /* left column width */
 border-left-color: #5f9dcb;   /* left column colour */

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

#left {
 width: 145px;              /* left column width */
 margin-left: -145px;       /* _negative_ left column width */
}


#header {
 background: url('../images/pixel.jpg') repeat-x #FFFFFF;
 height:137px;
}

#footer {
 background-color: #5f9dcb;
/* height:25px; */
 font-size: 10px;
 color: #004E82;
 text-align:center;
 padding-top: 8px;
} 

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

/* Main code */

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

#left { float: left; position: relative; z-index: 10; }
#zastavky {margin: 10px; text-align: center;}
#content { float: left; width: 100%; position: relative; z-index: 12;}

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

.clear { clear: both; }

#innercontent { padding: 15px; padding-top:0; }

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

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

#complogo {
    width:auto;
    float:left;
    height:113px;
  }
#compdesc {
    width:auto;
    float:right;
    margin-top:99px;
    vertical-align:bottom;
  }

#topmenubg {
    width:100%;
    height:22px;
    background-color:#5f9dcb;
    clear:both;
    border-top:1px solid #86c4f3;
    border-bottom:1px solid #5f9dcb;
/*  border-top:1px solid #74747C;
    border-bottom:1px solid #74747C; */
    z-index: 100;
  }

#topmenuleftbg {
    position: absolute;
    top: 113px;
    width: 390px;
    left: 0;
    height:24px;
    background-color:#5f9dcb;
    z-index: 101;
}

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

#sectionLinks div ul                   /* kazdy blok menu v lavej casti */
{
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 margin: 10px 0px;
 padding: 0px;
}

#sectionLinks div ul li h3 {                /* Nadpis menu bloku */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width:133px;
	margin:0px;
	padding: 3px 0px 3px 6px;
	color: #FFF3EC;
	background-color: #000000;
        display:block;
}

#sectionLinks div ul li a                /* polozka v menu */
{
 font-size: 13px;
 font-weight: bold;
 display:block;
 padding: 3px 0px 3px 6px;
 margin: 0px;
 text-decoration: none;
}

#sectionLinks div ul li a:link, #sectionLinks div ul li a:visited
{
 color: #204060;
 vertical-align: bottom;
}

#sectionLinks div ul li a:hover
{
 color: yellow; background-color: #1B5BA3;
}

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

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

#topLinks a:hover
{
	 color: yellow; background-color: #1B5BA3;
}

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

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

h2 {
	font-size: 18px;
	color: #5798C8;
	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;
}

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

.floatleft {
	float: left;
	margin: 5px;
}

.clrfloat {
	clear: both;
          }


.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:0;
}

.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:0;
}

.tlacitko {float:left;}
.tlacitko fieldset {margin: 0px; border: 0px; width: 320px; height: 300px;}
.product {width: 320px; height: 300px; background-repeat: no-repeat; margin: 5px 0px 0px; cursor:pointer; border: 0px;
         background-color: transparent; vertical-align: top;}
.product div {padding: 80px 10px 0px; font-size: 24px; text-align: center;
               color: #24356e; font-weight: bold; height: 130px;}
.product p {padding: 0px; margin: 0px; color: #24356e;  height: 83px;;
            text-align: left; font-size: 11px; width: 300px;}
.product:hover {background-color: #ffffff;}

.ciara {clear:both; color:#5f9dcb;}

#map { width: 600px; height: 400px; border: 0px; overflow: hidden; margin: 0px;}