body {
margin: 0;
padding: 0;
font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
font-size:    10pt;
text-align: left;
color: #444;
font-weight:    normal;
word-spacing:    normal;
letter-spacing:    normal;
text-transform:	none;
background:#F3F3F3 url(/images/bg_top.jpg) repeat-x top center;
}

a:link, a:visited, a:active {
color: #D66718;
text-decoration:none;
}
a:hover, a:visited:hover
{
text-decoration:underline;
}

select,
input,
textarea,
button {
	font: 1em verdana, arial, sans-serif;
}

select:hover,
select:focus,
input:hover,
input:focus,
button:hover,
button:focus,
textarea:hover,
textarea:focus {

}

a img
{
	border:none;
}
h1, h2, h3, h4, h5, h6{
  color:#D66718; 
  font-family: Geneva, 'Trebuchet MS', Arial, Helvetica, sans-serif; 
  padding: 0; 
  margin: 0.5em 0 0.5em 0;
  font-weight: bold; 
  font-variant:small-caps;
}
h1 {font-size: 1.7em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.3em;}
h6 {font-size: 1.2em;}

p {
margin-bottom: .9em;
}

fieldset {
border:none;
}
legend {
color:#D66718;
font-weight:bold;
padding:0 0 20px 0;
}


pre {
background-color: #eee;
padding: 0.75em 1.5em;
border: 1px solid #ddd;
}

table {
font-size: 1em;
}

td, th
{
	vertical-align:top;
}

blockquote, fieldset, ul, ol, dl, p
{
   margin-top:    .5em;
   margin-bottom:    .5em;
   padding-top:    0;
   padding-bottom:    0;
}

li {      
	margin-left:    2.16em;
}

.clr
{
   clear:both;
}


#wrapper {
	width: 927px;
	margin: 0 auto 0 auto;
}

#header {
	height: 514px;
	width: 927px;
	border: none;
}

#header-left
{
    float:left;
    width:162px;
	height: 514px;
	overflow:hidden;
}

#header-content
{
    float:left;
    width:762px;
	height: 493px;
	overflow:hidden;
	border-left:1px solid white;
	border-bottom:1px solid white;
	border-right:1px solid white;
}
#logoh /*holder*/
{
	float:left;
	clear:both;
    height:93px;
    width:162px;
    margin:14px 0 16px 0;
}
#logo
{
	float:left;
    display:block;
    height:93px;
    width:162px;
    background:transparent url(/images/logo.jpg) no-repeat top left;
}
#logo a
{
	float:left;
    display:block;
    height:93px;
    width:162px;
}
#logo a span
{
    display:none;
}

#hmi1,#hmi2,#hmi3
{
	display:block;
	float:left;
	clear:both;
    margin:0 0 5px 14px;
    border:5px solid #584446;
    width:113px;
    height:110px;
    cursor:pointer;
}

a#hmi1,a#hmi2,a#hmi3
{
	display:block;
	float:left;
	clear:both;
    font-family:Georgia;
	font-size:12px;
    margin:0 0 5px 0;
    border:5px solid #EEE6E7;
    background-color:#EEE6E7;
    width:130px;
    height:110px;
    color:black;
    text-decoration:none;
 	opacity: 0.7; 
	filter: alpha(opacity=70);
}

a#hmi1:hover,a#hmi2:hover,a#hmi3:hover
{
    text-decoration:none;
    color:#E5021E;
 	opacity: 0.9; 
	filter: alpha(opacity=90);
}

a#hmi1.active,a#hmi2.active,a#hmi3.active
{
    color:#E5021E;
    border:5px solid #EEE6E7;
    background-color:#EEE6E7;
 	opacity: 1; 
	filter: alpha(opacity=100);
}


a#hmi1 span,a#hmi2 span,a#hmi3 span
{
	display:block;
    background:transparent url(/images/next.gif) no-repeat right bottom;
    width:125px;
    padding:0 0 0 5px;
    height:33px;
    vertical-align:middle;
}


/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; z-index:999 } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
/* END Basic code */


#nav
{
    width:746px;
    height:107px;
    background:transparent url(/images/bg_mnu.png) no-repeat top left;
    font-family:Georgia;
    padding:14px 0 0 59px;
}

#nav ul 
{ 
	top: 43px; 
	width: 220px;
	/*padding:10px;*/
	background:#fff;
 	opacity: 0.7; 
	filter: alpha(opacity=70);
	border-bottom:4px solid black;
	font-size:12px;
}

#nav ul ul 
{ 
	left: 220px; 
}

#nav li a span
{
    display:none;
}

#nav li a
{
    height:43px;
    color:black;
    text-decoration:none;
}

#nav li a:hover
{
    height:43px;
    color:#E5021E;
    text-decoration:none;
}

#nav li.item1 a
{
    width:107px;
    background:transparent url(/images/mnu1.png) no-repeat top left;
}
#nav li.item2 a
{
    width:122px;
    background:transparent url(/images/mnu2.png) no-repeat top left;
}
#nav li.item3 a
{
    width:120px;
    background:transparent url(/images/mnu3.png) no-repeat top left;
}
#nav li.item4 a
{
    width:170px;
    background:transparent url(/images/mnu4.png) no-repeat top left;
}
#nav li.item5 a
{
    width:168px;
    background:transparent url(/images/mnu5.png) no-repeat top left;
}

#nav li.active a
{
    background-position: 0 -86px ;
}

#nav li a:hover
{
    background-position: 0 -43px ;
}


#nav li.item1 ul li a,#nav li.item1 ul li a:hover,
#nav li.item2 ul li a,#nav li.item2 ul li a:hover,
#nav li.item3 ul li a,#nav li.item3 ul li a:hover,
#nav li.item4 ul li a,#nav li.item4 ul li a:hover,
#nav li.item5 ul li a,#nav li.item5 ul li a:hover
{
	background-image:none;
	background:transparent;
    background-position: 0 0;
 	width:auto;
 	height:auto;
 	padding:8px 0 8px 15px;
 	border-bottom:1px solid #ddd;
}

#nav ul li a.active
{
    color:#E5021E;
    font-weight:bold;
}





#predajkv
{
	float:left;
	widht:762px;
	padding: 36px 0 0 0;
}
#predajkv .vyrobca
{
	display:block;
	float:left;
	width:144px;
	height:335px;
    font-family:Georgia;
    color:#E5021E;
    font-size:15px;
    font-weight:bold;
    margin: 0 7px 0 0;
    text-align:center;
    text-decoration:none;
}

#predajkv .vyrobca span
{
	display:block;
	margin:5px 0 0 0;
	width:142px;
	height:311px;
	border:1px solid #f7f7f7;
}

#predajkv .active
{
    color:white;
    text-decoration:none;
}

#predajkv .active span
{
	width:134px;
	height:303px;
	border:5px solid #f7f7f7;
}

#predajkv .vyrobca:hover span
{
	width:134px;
	height:303px;
	border:5px solid red;
}

#predajkv .vyrobca:hover
{
    color:white;
    text-decoration:none;
}
#predajkv .vyrobca:hover span
{
	width:134px;
	height:303px;
	border:5px solid #f7f7f7;
}

#foot
{
	clear:both;
	color:#fff;
	background:#242424;
	padding:10px 0 0 0;
	margin:20px 0 0 0;
	text-align:center;
	font-size:.8em;
	height:80px;
}

.editable_texy
{
	min-height:18px;
	outline:1px dotted #bbb;
}
.editable_texy:hover
{
	cursor:pointer;
	background:#FFFDD6 url(/images/icons/pencil.png) no-repeat top right;
}

.editable_text
{
	min-height:18px;
	outline:1px dotted #bbb;
}
.editable_text:hover
{
	cursor:pointer;
	background:#FFFDD6 url(/images/icons/pencil.png) no-repeat top right;
}
fieldset.lniksout{border:1px #fecdd5 solid;margin : 30px 0;     -moz-border-radius: 10px;       -webkit-border-radius: 10px;       border-radius: 10px;  }
fieldset.lniksout label{	position:relative;	background:white;	font-weight:bold;	color:#430009;	top:-10px;	padding: 0 15px;	font-size: 16px;    font-variant: small-caps;}fieldset.lniksout ul{	list-style:none;	height:70px;	margin:0;	padding:0;}
fieldset.lniksout ul li{	float:left;	}    .button {       width: 250px;       height: 50px;       line-height: 50px;       color: white !important;       text-decoration: none;       font-size: 20px;       font-family: helvetica, arial;       font-weight: bold;       display: block;       text-align: center;       position: relative;         /* BACKGROUND GRADIENTS */       background: #014464;       background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);       background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C));          /* BORDER RADIUS */       -moz-border-radius: 10px;       -webkit-border-radius: 10px;       border-radius: 10px;         border: 1px solid #368DBE;       border-top: 1px solid #c3d6df;         /* TEXT SHADOW */         text-shadow: 1px 1px 1px black;         /* BOX SHADOW */       -moz-box-shadow: 0 1px 3px black;       -webkit-box-shadow: 0 1px 3px black;       box-shadow: 0 1px 3px black;      }        /* WHILE HOVERED */      .button:hover {  				text-decoration:none !important;        background: #014464;          background: -moz-linear-gradient(top, #0c5f85, #0b5273 50%, #024869 51%, #003853);          background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0c5f85), color-stop(.5, #0b5273), color-stop(.51, #024869), to(#003853));      }        /* WHILE BEING CLICKED */      .button:active {          -moz-box-shadow: 0 2px 6px black;          -webkit-box-shadow: 0 2px 6px black;      }