a {color: #0065CE; text-decoration: underline;}
a:hover {color: #0065CE; text-decoration: none;}
body {background: #ECEBE9  ; color: #333333; font-family: "Arial"; font-size: 80%; text-align: left;}
body, div, form, fieldset, li, ol, p, ul {margin: 0px; padding: 0px; }
h3#q { font-family: "Arial";  text-align: left; color: #0065CE; background: transparent url(/templates/default/images/sipka.gif) no-repeat 0px 50%; padding-left: 15px}
.list { background: transparent url(/templates/default/images/plus.gif) no-repeat 0px 50%; padding-left: 15px}
h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; font-family: "Lucida Sans Unicode", "Geneva CE", "Lucida Grande", Arial, "Helvetica CE", Helvetica, "Adobe Helvetica", sans-serif;}
iframe, fieldset {border: 0px;}
h1, h2, h3, h4, h5, h6 {color: #000 ;   font-size: 100%; font-weight: normal; text-transform: none;}
H1 {	margin-top: 10px; 	margin-bottom: 10px; 	font-size: 140%; }

input, textarea {border: 1px solid #7AB4CB; font-family: "Arial";}
.textarea {font-size: 100%; padding-left: 5px }
iframe {height: 480px; width: 100%;}
#siteContent li { margin-left: 15px; }

form .barItem {margin-bottom: 15px;}
form .checkbox_label, form .radio_label {vertical-align: top;}
form .email {width: 200px;}
form .field_heading {border-bottom: 1px solid #B3B9C3; color: #993300; font-size: 120%; margin-bottom: 10px;}
form .field_title {font-size: 100%; text-align:left; vertical-align: top; width: 205px;}
form .field_titlen {font-size: 100%; text-align:left; vertical-align: top; width: 80px;}
form .required {color: #ff0000;}
form .textfield {width: 200px;  padding-left: 5px }
form .textarea {height: 100px; width: 99%;}

.clearFloat {clear: both;}
.formSubmit {background: #D5E6F2 url('/templates/default/images/bg-menu1.gif') repeat-x left top; border-left: 1px solid #B4EFFF; border-top: 1px solid #B4EFFF; }
.hideMe {display: none;}
.quote {background: #EEEEE8 url(/templates/default/main_bg.jpg) no-repeat; color: #ffffff; height: 240px; position: relative; width: 550px;}
.quote div {left: 50px; position: absolute; top: 140px;}
.quoteAuthor {padding-top: 5px; text-align: right;}
.searchBox {border-bottom: 1px solid #DDDDC0; padding: 20px;}
/*#siteRight input.searchText {width: 80px;}*/
#siteRight img.b {margin:0 0 5px 5px;}

#siteHead {width: 990px; background: #FFFFFF; margin-top: 0px; text-align: left; border: 0px solid  }
#headMain { position: relative; height: 177px; border: 0px solid; margin: 0; padding: 0}
div.t01 {background:#FFFFFF url(/templates/default/images/top/01-990.jpg) no-repeat left bottom; }
div.t02 {background:#FFFFFF url(/templates/default/images/top/02-990.jpg) no-repeat left bottom; }
div.t03 {background:#FFFFFF url(/templates/default/images/top/03-990.jpg) no-repeat left bottom; }
div.t04 {background:#FFFFFF url(/templates/default/images/top/04.jpg) no-repeat left bottom; }
div.t05 {background:#FFFFFF url(/templates/default/images/top/05.jpg) no-repeat left bottom; }
div.t06 {background:#FFFFFF url(/templates/default/images/top/06.jpg) no-repeat left bottom; }
div.t07 {background:#FFFFFF url(/templates/default/images/top/07-990.jpg) no-repeat left bottom; }
div.t08 {background:#FFFFFF url(/templates/default/images/top/08-990.jpg) no-repeat left bottom; }
div.t09 {background:#FFFFFF url(/templates/default/images/top/09-990.jpg) no-repeat left bottom; }
div.t10 {background:#FFFFFF url(/templates/default/images/top/01-990.jpg) no-repeat left bottom; }
div.t11 {background:#FFFFFF url(/templates/default/images/top/11-990.jpg) no-repeat left bottom; }
div.t12 {background:#FFFFFF url(/templates/default/images/top/12.jpg) no-repeat left bottom; }
div.t13 {background:#FFFFFF url(/templates/default/images/top/13.jpg) no-repeat left bottom; }
div.stav {background:#FFFFFF url(/templates/default/images/top/stav-01-990.jpg) no-repeat left bottom; }
div.stroj {background:#FFFFFF url(/templates/default/images/top/strojarenstvo.jpg) no-repeat left bottom; }
div.infra {background:#FFFFFF url(/templates/default/images/top/infra-990.jpg) no-repeat left bottom; }
div.archdesk {background:#FFFFFF url(/templates/default/images/top/archdesk-990.jpg) no-repeat left bottom; }
div.tlac {background:#FFFFFF url(/templates/default/images/top/tlac.jpg) no-repeat left bottom; }



#headMain h1 {font-size: 180%; font-weight: normal; margin: 0px 130px 0px 220px; padding-top: 25px; text-align: left;}
#headMain h2 {font-size: 130%; margin: 0px 130px 0px 220px; padding-top: 5px; text-align: left;}
#headMain h1 a {text-decoration: none;}
#headMain p {color: #CCCCCC; font-size: 100%; text-align: left; margin: 20px 130px 0px 221px;}
 a.click {position: absolute;  top: 31px; left: 0px;}
#banner { float: right; width: auto ; margin: 10px 10px 0 0;  border: 0px solid }
#ikony { float: left; width: 770px ; height: 140px;  position: absolute; top: 90px; left: 0px ; padding: 0;  border: 0px solid orange; background:transparent url(/templates/default/images/bg-ikon.gif) no-repeat right bottom; text-align: right}
#ikony img {margin: 0px 9px 3px  0px ; }

#headMain, #siteFoot, #siteMain {margin: 0px auto; text-align: left; width: 990px;}
#siteMain {background: transparent url(/templates/default/images/site_bg.gif) repeat-y; text-align: left; margin-top: 15px; border: 0px solid}
#siteMainF {background: transparent url(/templates/default/images/site_bgf.gif) repeat-y; text-align: left; margin-top: 15px; border: 0px solid}


#siteMenu {float: left; font-size: 95%; margin-top: 10px ; margin-left: 5px ;margin-bottom: 50px; width: 175px; border-top: 0px solid }
#siteMenu ul {list-style-type: none; text-transform: none; margin-bottom: 20px ;}
#siteMenu ul a {  text-decoration: none; display: block; color: #0E5877 }
#siteMenu ul li {border-top: 0px solid #EEEEE8; border-bottom: 1px solid #DDDDDD; border-left: 0px solid #F3C161; border-right: 0px solid #D09D53; padding: 0px; }
#siteMenu ul li a {background: url(/templates/default/images/sipka.gif) no-repeat 7px 7px;  margin-bottom: 0px ; padding: 5px ; padding-left: 25px;}
#siteMenu ul li a:hover {background: #FFFFFF url(/templates/default/images/sipka.gif) no-repeat 7px 7px; }
/*#siteMenu ul li.select {font-weight: bold; background: #F3F3F1;  }*/
#siteMenu ul li.select {font-weight: bold; background: #FFFFFF;  }
#siteMenu ul li.select ul { list-style-type: none; margin: 0px 0px 0px 15px;}
#siteMenu ul li.select ul li { border-bottom: 1px solid #F3F3F1; color: #333333; font-weight: normal; padding: 0px;}
#siteMenu ul li.select ul li.select {font-weight: bold; }


#siteMenu2 {float: right; font-size: 85%; color: #C2DAF3 ; margin: 10px 10px 0 10px; width: auto; text-align: right; border: 0px solid}
#siteMenu2 a {text-decoration: none; display: inline ; }
#siteMenu2 a:hover {text-decoration: underline;}
#siteMenu2 ul {background: #FFD370 url(/templates/default/menu_bg.jpg) repeat-y; list-style-type: none; text-transform: uppercase;}
#siteMenu2 ul li {background: url(/templates/default/menu_bg1.gif) no-repeat; border-top: 1px solid #EEEEE8; border-bottom: 1px solid #D09D53; border-left: 1px solid #F3C161; border-right: 1px solid #D09D53; padding: 0px 0px 0px 0px;}
#siteMenu2 li a {  height: 24px;	text-decoration: none; background-color: #FFDfF0 }
#siteMenu2 ul li.select {font-weight: none;}
#siteMenu2 ul li.select ul {background: none; list-style-type: square; margin: 5px 0px 0px 15px;}
#siteMenu2 ul li.select ul li {background: none; border: 0px; color: #333333; font-weight: normal; padding: 0px;}
#siteMenu2 ul li.select ul li.select {font-weight: none;}




/****** CSS MENU ******/
body {
	behavior:url("/templates/default/csshover.htc"); /* update for IE browsers */
}
/****** CSS MENU ******/
#menu {
	/*
	height: ??;
	Since we are floating all LIs, then you need to set height in the make-up part, if you want to place some background on the menu
	*/
	display: block ;
}

#menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
}

#menu a {
	display: block;
}

* html #menu li a {
	position: relative;/* Fix IE6's inability to expand clickable area */
}

#menu li ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
}

/* using display is better (no scrollbars when page loads), but IE can't handle it, so only good browsers should see this */
html>body #menu li ul {
	display: none;
}

#menu li li {
	width: 100%;
}

/* fix the position */
#menu li li ul {
	top: 0;
	left: 100%;
}

/* simulate child selector for IE */
div#menu li:hover ul,
#menu li:hover li:hover ul,
#menu li:hover li:hover li:hover ul {
	visibility: visible;
}
div#menu li:hover li ul,
#menu li:hover li:hover li ul,
#menu li:hover li:hover li:hover li ul {
	visibility: hidden;
}

/* do the normal show, with increased specificity, for good browsers */
#menu ul#menuList li:hover>ul {
	display: block;
	visibility: visible;
}


/*		------   Make-up	--------			*/

#menu {
	font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
	font-size: 95%;
	color: white;
	width: 100% ;
	height: 30px;/* 	Height mentioned above	 */
	padding: 0 ; 
	margin:1px 0 0 0; 
    background: #D1D2D4 ;   border-bottom: 5px solid #E7E7E9 ;
	/*background: url('images/bg_topm1.gif') repeat-x left top;*/
}
#menu div#menu_pos {
/*  position: relative ; left: 0;  top: 0 ; */	height: 30px;	padding: 0 ; margin: 0;
    background-color: transparent ;    	border: 0px solid blue; 
}
#menu a {
	text-decoration: none; border: 0px solid blue ;
	text-align: center;
	color: #000;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #E7E7E9;
}

#menu li {
display: inline; 
padding:0; margin: 0 ; 
/*	margin: 1px 1px 1px 1px;
	padding: 1px;*/
}
/* #menu li:hover {
	background-color: #8DBCCF;
	color:  #455A67 ;
} */

#menu li a:hover {
	background-color:  #FECA09; 
	color: #000;
}

#menu li a.select {background: #FECA09 url('images/bg-menu*.gif') repeat-x left top ; color: #000; }

#menu li li {
	width: 165px;/* 	we can't use 100% because LIs have margin and padding (although latter is more important) */
}

#menu li ul {
	color: #000;
	background-color: #D1D2D4;
	background-image: url(images/iconbg.gif);
	background-repeat: repeat-y;
	border: 1px solid #496670;
	width: 170px;
}
#menu li ul a {
	text-align: left;
	padding-left: 9px;
}
#menu li ul li ul {
	margin-top: 3px;
	margin-left: -2px;

}
#menu li ul a.submenu {
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 5px;
}
#menulist {
	position:absolute;
}

/*		------   Specific fixes	(thank to W3C for these) --------			*/
/* 
		I'm gonna move the submenus 5px up
		5px works fine here and it is roughly calculated as:
			padding-bottom + margin-bottom + border-bottom of the LI
			+
			*-top values of the LI
			
		Mostly it needs a bit of trial and error.
		Basic idea is to remove the scrollbar when menu re-positioning is perfomed. Of course, script could take care of that, but that takes too much code - this is easier.
*/
#menu li li ul { 	margin-top: -5px; }

/*********** TOP MENU END ***********/



#menuItem {padding: 0 10px 10px 10px ; margin-bottom: 0px; border: 0px solid}
#menuItem h1, #menuItem h2, #menuItem h3, #menuItem h4, #menuItem h5,  #menuItem h6 {font-weight: bold; margin-bottom: 5px;}
#menuItem p, #menuItem ol, #menuItem ul {margin-bottom: 10px;}

/*#siteContent {border-top: 0px solid ; float: right; width: 585px; font-size:95%}*/
#siteContent {border-top: 0px solid ;float: left; width: 610px; font-size:95% ; margin-left: 15px ; background: transparent;}
#contentMain {padding: 15px  0px 15px 0px;  padding-left: 0px; _padding-left: 0px;}
#contentMain h1, #contentMain h2 {font-size: 150%; margin-bottom: 10px;}
#contentMain h3, #contentMain h4 {font-size: 120%; margin-bottom: 5px;}
#contentMain h5, #contentMain h6 {margin-bottom: 5px;}
#contentMain p {margin-bottom: 15px;  }
#contentMain p.BREADCRUMBS {margin-bottom: 18px; font-size: 90%; color: #0B749F ; }
#contentMain div.BREADCRUMBSF {float: left; width: 625px; border-top: 0px solid ; margin-bottom: 7px; font-size: 90%; color: #0B749F ; }
#contentMain ul, #contentMain ol {list-style-type: square; margin: 0px 0px 20px 30px; padding-top: 5px;}

#contentMain #uvod { 	float: left  ; width: 610px; border-top: 1px solid ; margin: 5px 0px 0px 0px;  padding: 0px; text-align: center ; background-color: blue; }
#contentMain #df { float: left ; width: 99%; border-top: 0px solid ; padding: 0px; margin: 5px 0px 0px 0px ;  text-align: left ; background-color:  margin: 0px ; padding: 0px; }

#contentMain #lbox { background-color: transparent;  border-top: 0px solid blue ; margin: 0px ; padding: 0px}
#contentMain #lbox h1{ background: transparent url('images/bg-h2.png') no-repeat left top ;  font-size: 130%; margin: 0px; padding:9px 0px 0px 43px; border-top: 1px solid ; height: 42px ; color: white}
#contentMain #lbox #cont { background-color: transparent;   float: left  ; border: 0px solid ; margin: 8px; padding: 0px}


#contentMain #df #rbox { background-color: transparent; float: left  ; border-top: 0px solid ;  margin: 0px ; padding: 0px}
#contentMain #rbox h1{ background: transparent url('images/bg-h1.png') no-repeat left top ;  font-size: 130%; margin: 0px; padding:9px 0px 0px 43px; border-top: 1px solid ; height: 42px ; color: white}
#contentMain #df #rbox #contd { background-color: transparent; float: left  ; border-top: 1px solid ; margin: 5px; padding: 0}



#siteRight {background: transparent;  float: right; width: 160px; margin-right: 0px; border-top: 0px solid ; padding: 0 5px;}



#siteFoot {background: #ECEBE9; border: 0px solid; color: #000; font-size: 75%;  }
#siteFoot #footMain {position: relative;	float: left; 	width: 40%; padding: 7px 10px; text-transform: none; border: 0px solid;}
#siteFoot #footCopy { position: relative; float: right; width: 49%; text-align: right; padding: 7px 10px;  border: 0px solid;}
#siteFoot #footCopy a {color: #686855;}
#siteFoot #footCopy a:hover {color: #333333;}


/* FLOX OBJECTS STYLING */

/* HEADINGS AND OTHER */
.subtitle {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 140%;
}
#mainBar ul {
	margin-left: 10px;
}
.sitemap {
	margin-left: 20px;
}
#mainBar h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 120%;
}
#mainBar h4 {
	font-size: 110%;
}
#mainBar h2 {
	font-size: 120%;
	margin-bottom: 10px;
}
#mainBar h1 {
	font-size: 150%;
	margin-bottom: 10px;
}

input {
font-family: "Arial";
}
.hide {
	display: none;
}
.cleaner {
	clear: both;
}
.polla {
	margin-bottom: 8px;
}
hr {
	height: 1px; border-style: none; color: gray; background-color: gray; 
}

/* GALLERY */
.galeria {
	display:block;
	float:left;
	width: 135px;
	_height:135px;
	min-height:135px;
	border: 1px solid #D5D5D5;
	margin: 3px;
	text-align:center;
	background-color: none;
	font-size: 8pt;
}
.galeria img {
	border: 1px solid #434981;
	margin: 5px;
}
#outer { text-align:center;	width: 135px;
height: 135px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%; } /* for explorer only*/
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50%; _left: -50%;} /* for explorer only */
#inner[id] {position: static;}  /* <--- optional */

.image {
	text-align:center;
}
.galeria .textin, .image .textin {
	clear:both;
	text-align:center;
}

.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center
}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../../../objects/product/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #548912;
    background: url(../../../objects/product/bt.gif) no-repeat bottom}



/* PRODUCT */
.product, .product-full {
	border: 1px solid #DADADA;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
.product h2, .product-full h2 {
	font-size: 120%;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
}
.product-full h1 {
	font-size: 150%;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;

}
form {
	margin: 0;
	padding: 0;
}
.product form, .product-full form {
	margin: 5px;
	margin-left: 8px;
}
.product img, .product-full img {
	border: 1px solid #707070;
	margin-right: 10px;
}
.product span, .product-full span {
	color: #6A6A6A;
}
.product table tr td.text2 span, .product table tr td.text2 input, .product-full table tr td.text2 span, .product-full table tr td.text2 input {
	margin-left: 15px;
}
.product table tr td.text2 input, .product-full table tr td input {
	margin-top: 4px;
}
.product-full {
	border: none;
}
.product-full .formSubmit, .product .formSubmit2 {
	margin-left: 10px;
	height: 22px;
	width: 125px;
}
tr.hovtab:hover {
	background-color: #E3E5E9;
}

/* COMMENTS */

.comment_title { font-weight: normal; background-color: #E9E8E7; font-size: 80% ; padding: 1px 10px 1px 10px; }
.comment_anotacia { font-weight: normal; background-color: #F1F0EE;  padding: 10px;  border: 1px solid #DFDEDD }
.comment_title { border: 1px solid #DFDEDD; }
.comment_who { border-left: 1px solid #7AB4CB; }
.comment_q {border-right: 1px solid #7AB4CB;}
.comment_text { padding: 5px 10px 5px 10px; border-bottom: 1px solid #DFDEDD; border-left: 1px solid #DFDEDD; border-right: 1px solid #DFDEDD; }
fieldset {background: #EBEBE9; border: 1px solid #7AB4CB; margin: 0 0 15px 0; padding: 10px; width: 95%;}
legend {background:#FFFFFF ; border: 1px solid #7AB4CB; font-weight: bold; margin-bottom: 5px; padding: 3px 5px; color: #0B749F ;  font-size:100%; font-family: "Lucida Sans Unicode", "Geneva CE", "Lucida Grande", Arial, "Helvetica CE", Helvetica, "Adobe Helvetica", sans-serif;}

.cite { margin: 5px; padding: 3px; border: 1px solid #DDDDDD; font-style: italic; }


.ftd {padding-right: 5px; text-align: right;}
.table-box {border: 1px solid #B6B6B6; font-size: 90%;}
.table-box td, .table-box th {padding: 2px 5px;}
.table-box th {background: #DADCE0; color: black;}
.datum {width: 110px;}
.meno {width: 150px;}
.prispevok {width: 212px;}

/* NEWS */

.news { 	margin-bottom: 17px; 	clear: both; }
.news-d { 	margin-bottom: 5px; font-size: 90% }
.news-date { font-size: 90% }
h3.news { font-family: "Arial";  text-align: left;  margin-bottom:0px ; border: 0px solid ; 
background: #F5F5F5 url(/templates/default/images/sipka.gif) no-repeat 5px 6px; padding: 2px 2px 2px 19px}
p.news {padding-left: 19px }


/* GUESTBOOK */

table tr.gb1 {
	background: #DCDFE6;
}
table tr.gb2 {
	background: #E8EAEE;
}

/* LOGIN FORM */
#login { float: right; width:385px ; height: 65px; margin: 7px 80px 0 0; text-align: center;  
}
.loginform-sup{background: transparent; height: 140px}
.loginform-sup h4 {padding-top: 3px; margin-bottom: 3px ; 	_padding-top: 3px; font-size: 120%; }
.loginform { height: 65px;	margin:0 0px 0px 0px; clear: both; 	border: 1px solid #D4D3D2 ; background: #cacaca url('/templates/default/images/bg_login.gif') repeat-x left top ;  }
.loginform h4 { color: white;  padding-top: 3px; margin-bottom: 3px ; 	_padding-top: 3px; font-size: 120%; }
#login input.formSubmit { margin: 3px 0 2px 0; }
#login div, #login input.formtext, #login input.formSubmit, .loginform a { font-size: 95%; }
#login input.formtext {float: right; margin: 0 0 2px 0; _padding-left: 5px; padding-left: 5px ; border: 1px solid #D0cdce;}

.loginform div.obal {float: left; width: 260px; margin:0; border: 0px solid; text-align: right; padding: 0}
.loginform div { float: left; border: 0px solid ; text-align: right; line-height: 1.7 ; width: 110px; margin: 0}


/* SEARCH */

.searchdiv { 	margin: 5px; margin-top: 15px ; clear: both; 	padding-top: 0px; 	_padding-top: 0px; }
.searchdivforum { 	width:150px ; margin: 0 0px 0 0px; 	float: right;	text-align: right; padding-top: 0px; 	_padding-top: 0px;  border: 0px solid ; height: 20px}
.searchdiv .searchText, .searchdivforum .searchText { 	width: 80px; padding-left: 0;padding-right: 0;}
.cleaner2 {
	clear: both;
	padding-bottom: 5px;
}
a.chbx {
	text-decoration: none;
	cursor: default;
	color: #000000;
}

ol#result_search { list-style-type: decimal ; margin: 0px 0px 20px 10px;}
ol#result_search hr.linka { height: 1px; color: #eeeeee ;  background-color: #eeeeee; }


/*    NEWSLETTER       */
input#email {  padding-left: 5px }
input#company,  input#phone, input#name { padding-left: 5px }