html, body, form, fieldset {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
    margin: 0.8em 0;
    padding: 0;
}

li, dd, blockquote {
    margin-left: 1em;
}

form label {
    cursor: pointer;
}
fieldset {
    border: none;
}

input, select, textarea {
    font-size: 100%;
}



body {
    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    color: #000;
    background: #e8e8e8;
}

a {
    color: #3b3eb9;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

img {
    border: none;
}

.rightcol {
    float: right;
    width: 280px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.leftcol {
    width: 280px;
    margin-bottom: 10px;
    overflow: hidden;
}


.clear-both { clear: both; }
.mtop1em { margin-top: 1em; }
.mtop2em { margin-top: 2em; }
.mtop10px { margin-top: 10px; }
.mtop20px { margin-top: 20px; }
.mtop44px { margin-top: 44px; }
.mbot2em { margin-bottom: 2em; }
.mbot20px { margin-bottom: 20px; }
.mbot60px { margin-bottom: 60px; }
.mbot80px { margin-bottom: 80px; }
.mbot90px { margin-bottom: 90px; }
.mbot120px { margin-bottom: 120px; }
.pright18px { padding-right: 18px; }
.w400px { width: 400px; }
.display-block { display: block; }


#page {
    min-width: 1000px;
}

body#lcol #page {
	background: url(../images/bg_lcol.jpg) repeat-y center top;
}
body#lcol #page .in1 {
	background: url(../images/bg_lcol_bottom.jpg) no-repeat center bottom;
}
body#lcol #page .in2 {
	min-height: 800px;
	background: url(../images/bg_lcol_top.jpg) no-repeat center top;
}

body#rcol #page {
	background: url(../images/bg_rcol.jpg) repeat-y center top;
}
body#rcol #page .in1 {
	background: url(../images/bg_rcol_bottom.jpg) no-repeat center bottom;
}
body#rcol #page .in2 {
	min-height: 800px;
	background: url(../images/bg_rcol_top.jpg) no-repeat center top;
}



#header {
	position: relative;
	width: 1000px;
	height: 151px;
	margin: 0 auto;
}

h1 {
	position: absolute;
	top: 26px;
	left: 19px;
	margin: 0;
}
h1 a {
	overflow: hidden;
	display: block;
	width: 318px;
	height: 74px;
	text-indent: -1000em;
	background: url(../images/colormetal.png) no-repeat;
}

#topmenu {
	position: absolute;
	top: 4px;
	left: 497px;
	font-size: 11px;
	white-space: nowrap;
}
#topmenu a {
	color: #e8e8e8;
}
#topmenu a:hover {
	color: #ed1c25;
	text-decoration: none;
}

#topmenu ul {
	float: left;
	margin: 0;
	list-style-type: none;
	text-transform: uppercase;
}
#topmenu li {
	float: left;
	margin: 0;
	padding: 1px 0 0 0;
}
#topmenu li a {
	float: left;
	padding: 2px 3px 2px 5px;
	color: #e8e8e8;
	background: url(../images/sep_topmenu.png) no-repeat left center;
}
#topmenu li:first-child a {
	background-image: none;
}
#topmenu li a.active {
	margin: 0 -1px 0 0;
	padding: 2px 3px;
	color: #000;
	background: #f5f5f4;
}

#topmenu p {
	float: left;
	height: 19px;
	margin: 0 15px 0 12px;
	padding: 3px 15px 0 15px;
	border-left: 1px solid #414141;
	border-right: 1px solid #414141;
}
#topmenu p a {
	padding: 0 0 0 16px;
	color: #e8e8e8;
	background: url(../images/ico_sitemap.png) no-repeat left center;
}

#topmenu form,
#topmenu fieldset {
	float: left;
	margin: 0;
}
#topmenu label {
	display: none;
}
#topmenu input {
	float: left;
	border: 0;
}
#topmenu input.search-input {
	width: 206px;
	height: 17px;
	padding: 4px 5px 0 5px;
	background: url(../images/bg_search.png) no-repeat;
}
#topmenu input.search-button {
	overflow: hidden;
	width: 55px;
	height: 21px;
	margin: 0 0 0 10px;
	text-indent: -1000em;
	background: url(../images/btn_hladaj.png) no-repeat;
	cursor: pointer;
}



#menu {
	position: absolute;
	top: 76px;
	left: 442px;
}
#menu ul {
	margin: 0;
	list-style-type: none;
}
#menu li {
	float: left;
	margin: 0;
}
#menu a {
	overflow: hidden;
	float: left;
	margin: 0 0 0 3px;
	height: 49px;
	text-indent: -1000em;
	background: url(../images/menu.png) no-repeat;
}

#menu a.home {
	width: 62px;
	background-position: 0 0;
}
#menu a.novinky {
	width: 76px;
	background-position: -65px 0;
}
#menu a.sluzby {
	width: 67px;
	background-position: -144px 0;
}
#menu a.produkty {
	width: 83px;
	background-position: -214px 0;
}
#menu a.referencie {
	width: 96px;
	background-position: -300px 0;
}
#menu a.predaj {
	width: 67px;
	background-position: -399px 0;
}
#menu a.kontakt {
	width: 73px;
	background-position: -469px 0;
}

#menu a.home:hover {
	background-position: 0 -49px;
}
#menu a.novinky:hover {
	background-position: -65px -49px;
}
#menu a.sluzby:hover {
	background-position: -144px -49px;
}
#menu a.produkty:hover {
	background-position: -214px -49px;
}
#menu a.referencie:hover {
	background-position: -300px -49px;
}
#menu a.predaj:hover {
	background-position: -399px -49px;
}
#menu a.kontakt:hover {
	background-position: -469px -49px;
}

#menu li.currentpage a.home,
#menu li.activeparent a.home {
	background-position: 0 -98px;
}
#menu li.currentpage a.novinky,
#menu li.activeparent a.novinky {
	background-position: -65px -98px;
}
#menu li.currentpage a.sluzby,
#menu li.activeparent a.sluzby {
	background-position: -144px -98px;
}
#menu li.currentpage a.produkty,
#menu li.activeparent a.produkty {
	background-position: -214px -98px;
}
#menu li.currentpage a.referencie,
#menu li.activeparent a.referencie {
	background-position: -300px -98px;
}
#menu li.currentpage a.predaj,
#menu li.activeparent a.predaj {
	background-position: -399px -98px;
}
#menu li.currentpage a.kontakt,
#menu li.activeparent a.kontakt {
	background-position: -469px -98px;
}



#content {
	overflow: hidden;
	width: 1000px;
	margin: auto;
	padding: 0 0 120px 0;
}



#breadcrumbs {
	overflow: hidden;
	float: right;
	width: 587px;
	margin: 0;
	padding: 0 35px 0 0;
	font-size: 10px;
	line-height: 1;
}
#breadcrumbs a {
	float: left;
	height: 13px;
	padding: 2px 3px 0 6px;
	font-weight: normal;
	color: #fff;
	background: #4043ac;
}
#breadcrumbs span {
	overflow: hidden;
	float: left;
	width: 10px;
	height: 15px;
	text-indent: -1000em;
	background: url(../images/sep_breadcrumbs.png) no-repeat;
}
#breadcrumbs span.last {
	background-image: url(../images/sep_breadcrumbs_last.png);
}
#breadcrumbs span.lastitem {
	float: left;
	width: auto;
	height: 13px;
	padding: 2px 7px 0 7px;
	text-indent: 0;
	background: #fff;
}



h2 {
	margin: 0 0 1em 0;
	padding: 0 0 0 20px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #ed1c25;
	background: url(../images/bg_title.png) no-repeat left center;
	border-bottom: 1px dotted #ed1c25;
}



body#lcol #sidebar {
	float: left;
	width: 270px;
	padding: 45px 0 0 45px;
}

body#rcol #sidebar {
	float: right;
	width: 280px;
	padding: 32px 20px 0 0;
}

#sidemenu ul {
	margin: 0;
	list-style-type: none;
	line-height: 1;
}
#sidemenu li {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
    line-height: 1.4em;
}
#sidemenu li a,
#sidemenu li.currentpage li a {
	display: block;
	padding: 4px 0 6px 24px;
	color: #292b81;
	background: url(../images/bg_leftmenu.png) no-repeat left bottom;
}
#sidemenu li.currentpage a {
	color: #fff;
	background-image: url(../images/bg_leftmenu_active.png);
}
#sidemenu li li {
	font-size: 11px;
}
#sidemenu li li a {
	padding-left: 42px !important;
}
#sidemenu li li li {
	font-weight: normal;
}
#sidemenu li li li a {
	padding-left: 54px !important;
}



#sidebar p.more {
	margin: 2em 0 1em 0;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
}
#sidebar p.more a {
	color: #3b3eb9;
}



body#lcol #main {
	float: right;
	width: 587px;
	min-height: 366px;
	padding: 11px 35px 0 0;
	line-height: 1.6;
}

body#rcol #main {
	float: left;
	width: 587px;
	min-height: 358px;
	padding: 17px 0 0 50px;
	line-height: 1.6;
}

#main a {
	font-weight: bold;
}

#main img, #sidebar img {
	border: 1px solid #fff;
}
#main .top img {
	display: block;
	margin: 0 0 1.5em 0;
}
#main img.article {
	float: right;
	margin-bottom: 10px;
    margin-left: 20px;
}

#main img.noborder {
    border: none;
}
#main img.grayborder {
	border: 1px solid #cecece;
}

#main p.infobox-pdf {
	background: #f3f3f3 url(../images/pdf_on_lightgray.png) no-repeat left top;
    padding: 20px 20px 20px 80px;
    border-top: 1px dotted #ed1c25;
    border-bottom: 1px dotted #ed1c25;
    margin: 2em 0;
}

#main p.infobox-pdf a {
    font-size: 15px;
}


#footer {
	position: relative;
	width: 610px;
	height: 108px;
	padding: 28px 20px 0 370px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 1;
}
#footer a {
	color: #ed1c25;
}

#footer ul {
	margin: 0;
	list-style-type: none;
}
#footer li {
	float: left;
	margin: 0 0 0 7px;
	padding: 0 0 0 7px;
	border-left: 1px solid black;
}
#footer li:first-child {
	margin: 0;
	padding: 0;
	border: 0;
}

#footer p {
	margin: 0;
}
#footer p.copy {
	float: right;
	white-space: nowrap;
}
#footer p.design {
	position: absolute;
	top: 63px;
	left: 23px;
	color: #9e9e9e;
}
#footer p.design em {
	float: left;
	margin: 0 0.5em 0 0;
	padding: 2px 0 0 0;
	font-style: normal;
}
#footer p.design a {
	overflow: hidden;
	float: left;
	width: 54px;
	height: 13px;
	text-indent: -1000em;
	background: url(../images/miskerik.png) no-repeat;
}
#footer p.infolinka {
    clear: both;
    float: right;
    padding-top: 13px;
    font-size: 17px;
}


/* styles for content */

.text-red { color: #ed1c25; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }

.bordleft-1px-red { border-left: 1px solid red; }

h3 {
    margin: 2em 0 0.5em 0;
    font-size: 16px;
    border-bottom:  1px dotted #ed1c25;
	color: #ed1c25;
}

h4 {
	margin: 2em 0 0.5em 10px;
    font-size: 13px;
	color: #ed1c25;
}

#main ul {
    list-style-type: square;
	margin-left: 1em;
}

#main dl, #sidebar dl {
	line-height: 1.6;
}
#main dt, #sidebar dt {
	font-weight: bold;
}
#main dd, #sidebar dd {
	margin: 0 0 0.5em 1.5em;
}
#main dd ul, #sidebar dd ul {
	margin: 0;
	list-style-type: square;
}

#main table {
    line-height: 1.4em;
}

div.tbl-basic-wrap {
    margin-bottom: 2em;
}

div.tbl-basic-wrap h4 {
    margin-bottom: 0.5em;
}

table.tbl-basic {
    border: 1px solid #ed1c25;
}

table.tbl-basic th {
    background-color: #ed1c25;
	color: white;
	padding: 0.3em 10px;
	text-align: left;
}

table.tbl-basic th.text-right {
    text-align: right;
}

table.tbl-basic th.text-center {
    text-align: center;
}

table.tbl-basic td {
	padding: 0.3em 10px;
}

table.tbl-basic td.td2 {
	background-color: #cfd0ff;
}

table.w100percent {
  width: 100%;
}

table.tbl-basic tr.tr2 {
    background-color: #cfd0ff;
}

.fontsize11px { font-size: 11px; }
.fontsize11px strong { font-size: 12px; }
.fontsize11px th { font-size: 12px; }

/* farby RAL */

.farba {
  padding: 5px 20px;
  border: 1px solid black;
}
.farba-med {
  background-color: #c27661;
  color: white;
}
.farba-pozink {
  background-color: #545d63;
  color: white;
}
.farba-tizn {
  background-color: #7d858e;
  color: white;
}
.ral-9010 {
  background-color: white;
}
.ral-9005 {
  background-color: black;
  color: white;
}
.ral-8017 {
  background-color: #3a1f18;
  color: white;
}
.ral-8004 {
  background-color: #a24b2f;
  color: white;
}
.ral-7016 {
  background-color: #4a4f52;
  color: white;
}
.ral-5010 {
  background-color: #2d60af;
  color: white;
}
.ral-5008 {
  background-color: #2d3944;
  color: white;
}
.ral-3009 {
  background-color: #67220c;
  color: white;
}
.ral-3011 {
  background-color: #710b0f;
  color: white;
}


/* gallery */

#main div.gallery-3img-in-row {
  margin-top: 2em;
  clear: both;
  overflow: hidden;
}

#main div.gallery-3img-in-row a {
  display: block;
  float: left;
  margin: 0 0 15px 15px;
}

#main div.gallery-3img-in-row a.first {
  margin-left: 0;
}

#main div.gallery-3img-in-row a img {
  border: 1px solid #cecece;
}

/* kontakt */

.google-mapa {
    float: right;
    width: 350px;
    height: 300px;
    margin-left: 20px;
    margin-bottom: 10px;
    border: 2px solid #292b81;
    text-align: right;
}

.google-mapa-slovensko {
    width: 583px;
    height: 350px;
    border: 2px solid #292b81;
    text-align: right;
    margin: 25px 0 50px 0;
}

p.kontakt-adresa {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6em;
}

p.kontakt-adresa small {
    display: block;
    font-size: 12px;
    line-height: 1.4em;
    font-weight: normal;
}

div.contact-form input, div.contact-form textarea {
    border: 1px solid #ccc;
	padding: 5px;
    font-family: "Arial CE", "Helvetica CE", Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 8px 0;
    width: 493px;
}

div.contact-form label {
    display: block;
    width: 70px;
    clear: both;
    float: left;
    line-height: 1.2em;
    margin: 12px 12px 0 0;
    text-align: right;
    font-weight: bold;
}

div.contact-form label small {
    font-weight: normal;
}

div.submit input {
    width: 90px;
    height: 28px;
    background-color: #cfd0ff;
    border: 1px solid #292b81;
    margin: 6px 0 0 82px;
    font-weight: bold;
    color: #3b3eb9;
    cursor: pointer;
}

div.submit input:hover {
    color: #ed1c25;
    border-color: #ed1c25;
}

div.captcha {
	display: none;
}