/*****************************************************/
/*****		MAIN SITE SETTINGS	 *************/
/*****************************************************/
body {
	margin:0px; padding:0px; border:0px;
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	/*color: #343565; */
	background-color: #ededed;
	background-image: url('../img/layout/bgcrpost.jpg');
	text-align: center;
	height: 100%; 

}

#fxPostBody {
	margin:0px; padding:0px; border:0px;
	background-image: url('../img/layout/bgcr.jpg');
	background-repeat: repeat-x;
}


td, .normal, input, button, textarea {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	/*color: #343565;*/
	font-weight: normal;
}


}


.ibutton, button {
	color:white; 
	background-color: #cc3333; 
	border: 1px solid gray; 
	font-size:12px; 
	font-weight:bold; 
	font-family: Verdana; 
	text-align: center;
}

table.topped td {vertical-align:top;}

h1		{font-size: 18px; margin:0px; margin-bottom:8px; color: #ee7f01; text-decoration:none;}
h2		{font-size: 14px; margin:0px; margin-bottom:6px; margin-top:10px; color: black;  text-decoration:none;}
h3		{font-size: 14px; margin-bottom:1px;margin-top:5px; color:#ee7f01; text-decoration:none;}
h4		{font-size: 12px; margin-bottom:1px;margin-top:5px; color:#ee7f01; text-decoration:none;}


p		{margin: 0px; margin-bottom: 6px;}
.small		{font-size: 10px;}

h2.sideheaders	{font-size:15px; margin-bottom:13px; color: #6699ff;text-align:center; }
#stanovy h2 {text-align:center;}


p,td	{/*color:#333333;*/}

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

.red {color: #ff6666;}
.blue {color: #b0b7eb;}

/*****************************************************/
/*****		UL,LI STORJE STYLING	 *************/
/*****************************************************/

ul.big {
	list-style: disc;  
	list-style-image: URL('../img/layout/li_big.gif'); 
	list-style-position: inside; 
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px;
	
}
ul.big li {
	margin-bottom: 5px;
	vertical-align: top;
}

ul.med {
	list-style: disc;  
	list-style-image: URL('../img/layout/li_med.gif'); 
	list-style-position: inside; 
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px;
}
ul.med li {
	margin-bottom: 5px;
	vertical-align: top;
}


ul, ul.sml {
	list-style: disc;  
	list-style-image: URL('../img/layout/li_sml.gif'); 
	list-style-position: inside; 
	font-size: 12px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	border-top: 0px;
}
ul, ul.sml li {
	margin-bottom: 5px;
	vertical-align: top;
}


/*****************************************************/
/*****		STROJE LISTING		 *************/
/*****************************************************/
.listitem {
	border: 1px solid silver;
	width: 160px;
	height: 180px;
	
	text-align: center;
	margin: 3px;
	padding: 2px;
	float: left;
}

.listitem h3 {
	color: black;
	margin:0px;
	margin-top: 3px;
	padding:0px;
	font-size: 13px;
	font-weight: bold;
}

.listitem p {
	font-size: 12px;
	color: gray;
	margin: 0px;
	padding:0px;
	text-align: center;
}

p.price {
	color: #990000;
	font-weight: bold;
	margin: 0px;
	padding:0px;
	text-align: center;
}



.category {
	clear: both;
	margin-bottom: 15px;
}


/*****************************************************/
/*****		PAGE STYLING		 *************/
/*****************************************************/

.mg20	{width:20px;float:left;}
.mg10	{width:10px;float:left;}
.mg5	{width:5px;float:left;}
.nmg10	{width:10px;}


#fxCenter {
	padding:0px;
	border: 0px;
	margin: auto;
	margin-top: 0px;
	width:837px;
	text-align: center;
	/*border:1px solid red;*/
}



#fxTopPrePage {
	background-image: url('../img/layout/headbg.jpg');	
	width:837px;
	height: 200px;
	/*border: 1px solid blue;*/

}


#fxPrePage {
	padding:0px;
	border: 0px;
	margin: 0px;
	width:837px;
	text-align:center;
	/*border: 1px solid red;*/
	background-image: url('../img/layout/pagebg.gif');
}

#fxPage {
	padding: 0px;
	border: 0px;
	margin: auto;
	width: 790px;
	min-height:600px;
	_height: 600px;
	text-align: left;
	/*border:1px solid red;*/
}


#fxHeader {	
	height: 125px;
	width: 837px;
	padding: 0px;	
	margin:0px;
	border:0px;
	overflow: hidden;
	cursor: hand;	
}

#langs {
	float: right;
	margin-right: 20px;
	margin-top:10px;
}

#fxMaindiv {
	 margin:0px; 
	 padding:0px;
	 /*margin-right: 4px;*/
	 border:0px;
	 width: 600px;
	 float: right;
	 /*border: 1px solid blue;*/
}

#fxFlyer {
	float: right;
	width: 163px;
	background-image: url('../img/layout/flyerbg.jpg');
	background-repeat: repeat-y;	
	
}

#fxFlyerEnd {
	width:163px;
	height: 37px;
	background-image: url('../img/layout/flyerend.jpg');
	
}

#fxFlyerContents {
	width: 162px;
	/*border:1px solid red;*/
	text-align: left;
	margin-left: 1px;
}

#fxFlyerContents h3 {
	color: gray;
	font-size: 12px;
	filter: DropShadow(Color=#003399, OffX=3, OffY=3, Positive=1) ;
	margin-left:8px;

}

.tradeItem  {
	margin-left:8px;
	height: 25px;
	border-bottom: 1px solid white;
}



/*****************************************************/
/*****		LEFT  menu		 *************/
/*****************************************************/

#submenu {
	margin-top: 10px;
}

#submenu a {
	color: black;
	text-decoration: none;
	position: relative;
	left: 10px;
	
}
#submenu a:hover {
	color: #642c00;
}



#fxLeft {
	width:179px;
	margin-left:2px;
	/*border: 1px solid red;*/
	 float: left;
}
#fxLeft h3 {
	color: gray;
	font-size: 13px;
	filter: DropShadow(Color=#003399, OffX=3, OffY=3, Positive=1) ;
	margin-left:8px;

}


.LmenuON {
   width:100%;
   height: 25px;
   border-bottom: 1px solid white;
}


.Lmenu {
   width:100%;
   height: 25px;
   border-bottom: 1px solid white;

}

.subLmenuON {
   font-size:11px;
   width:100%;
   height: 25px;
   border-bottom: 1px solid white;
}



.subLmenu {
   font-size:11px;
   width:100%;
   height: 25px;
   border-bottom: 1px solid white;

}



#fxContentdiv {
	margin-top:5px;
	margin-left: 8px;
	margin-right:8px;
}
	
	
#fxTopControls {
	height: 125px;
	width: 837px;
	overflow: hidden;
	font-size:9px;
	
}

#fxTopControls a, #fxTopControls img {
		float: left;
		display:inline;
		color: #ffff99;
		text-decoration: none;
		font-weight: bold;

}
#fxTopControls img {margin-left:5px; margin-right:5px;}

#topbanner {
	
	position: relative;
	height: 124px;
	width: 230px; 
	float: right;
	left: -40px;
}

#topmenu {
	margin: 0px; padding: 0px; border: 0px;
	width: 700px;
	margin-left:25px;
	height: 35px;
	/*overflow:hidden;*/
	color: white;
	float: left;
}

#topmenuR {
	float: right;
	width: 300px;
	text-align: right;
	margin-right: 10px;
}


#topmenuL {
	float: left;
	width: 630px;
	height:30px;
}

#prodMenu {
	width: 980px;
	height:28px;
	float: left;
}



#quicknavi {
	font-size: 10px;
}





#fxContentMain, .CM {
	width: 695px;
	float: left;
	margin-bottom: 5px;
}

#fxRight {
	float: right;
	width: 280px;
}



#fxContentMainH, .CMH {
	width: 685px;
	float: left;
	margin-bottom: 5px;
}


#hometable td {
	vertical-align:bottom;

}

.homeTD {
	font-size: 12px;
	color: #cc3333;
	vertical-align:top;
}

.homeTD p {color: #cc3333;}

p.homeTDtitle {
    color: gray;
    font-size: 10px;
    
}


#fxContentMainMG5, .Cmain {width: 620px;float: left;}



.fxPathdiv {	
		overflow:hidden;
		padding-top:3px;
		padding-bottom:3px;
		color: #cccccc;
		border: 1px solid #cccccc;
		width:430px;
}

.fxPathdiv a {
		text-decoration:none;
		color:#cccccc;
}
	 
#fxFooter	{
	width: 837px;
	height:33px;
	clear: both;
	color: white; 
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	padding:0px;
	margin:0px;
	background-image: url('../img/layout/footer.jpg');	
	overflow: hidden;
}

#footer-info a {
	color: silver;
}


.hptable a {
	/*color: #343565; */
	text-decoration: none; 
}
.hptable a:hover {
	text-decoration: none; 
}


#scrollmenu {
	position:absolute;
	width: 19px;
	height: 87px;
	overflow: hidden;
	text-align:right;
	background-image: url('../img/layout/navibg.gif');
	top: -100px;		
}
#scrollmenu img {
	margin-top: 4px;
}


/*****************************************************/
/*****		MENU STYLING		 *************/
/*****************************************************/

#topmenu ul {
	margin: 0px; padding: 0px; border: 0px;
	list-style: none;
	height:35px;
}

#topmenu li {
	margin: 0px; padding: 0px; border: 0px;
	float: left;
	height:35px;
	
	
}

#topmenu a {
	margin: 0px; 
	/*padding: 2px 10px 0px 10px; */
	padding: 3px 5px 0px 10px; 
	border: 0px;
	display:block;
	font-size:12px;
	line-height:30px;
	color: white;
	text-decoration: none;
	font-family: Arial, Verdana;
	font-weight: bold;
}

#topmenu a:hover {
	color: #642c00;
}

#topmenu li ul {
	margin: 0px; padding: 0px; 
	border:2px solid silver;
	position: absolute;
	left: -999em;
	height: auto;
	width: 209px;
	z-index:1;
	background-color: silver;
}

#topmenu li li {
	margin: 0px; padding: 0px; border: 0px;
	width: 204px;
	height: auto;
	text-align:left;
	color: black;
	background-color: #ffffe2;
	padding-left:5px;
}

#topmenu li li a {
	margin: 0px; padding: 0px; border: 0px;
	width: 190px;
	height: auto;
	line-height:20px;
	color: black;
}

#topmenu .daddy {
	background: url('../img/layout/subnav_arrow.gif') center right no-repeat;
}

#topmenu li li ul {
	margin: -20px 0 0 150px;
	z-index:1;
}

#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
	left: -999em;
}

#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul {
	left: auto;
}


#topmenu li:hover, #topmenu li.sfhover {
	/*background: url('../img/layout/menu_on.jpg');*/
}

.topmenu_spacer:hover {
	background: url('none');
}


#topmenu li li:hover, #topmenu li li.sfhover {
	background: silver;
	color: white;
}





.topmenu,a.topmenu:hover	{font-weight: bold; color: white; text-decoration:none; margin-left:12px; margin-right:12px; margin-top:2px;}
.secondmenu	{color: #00033F; padding:0px;  margin-top:5px; margin-bottom:0px; margin-left:10px; margin-right:0px;width:100%;}
.secondmenu:hover	{color: #00088F; padding:0px;  margin-top:5px; margin-bottom:0px; margin-left:10px; margin-right:0px;width:100%;}




/*****************************************************/
/*****		NEWS CLASSES		 *************/
/*****************************************************/
#fxNews	{border: 1px solid black; padding: 5px;}
.fxNewsItem	{margin:0px; margin-bottom:10px;}
.fxNewsItemHeader	{font-weight:bold; font-size:110%;}
.fxNewsItemContent	{}


.zpravodaj_item {
   border:1px dashed #BFBDAF;
   background-color: #F7F7E9;
   padding: 8px;
   margin-bottom: 8px;
   margin-left: 0px;
   margin-right: 0px;
}

.zpravodaj_item h2 {margin-top:0px;}


.news_item {
	/*border: 1px solid red;*/
	margin-bottom: 8px;
}
.news_name {
	font-weight: bold;
	font-size: 14px;
	color: #b0b7eb;
}

.news_text {
}

.news_item a {
	/*color: #343565; */
	text-decoration: none; 
}
.news_item a:hover {
	text-decoration: none; 
}



/*****************************************************/
/*****		GOOGLE SEARCH CLASSES	 *************/
/*****************************************************/
#fxSearch			{}
#fxSearchForm			{}
.fxSearchInput			{}
.fxSearchSubmit			{}
.fxSearchresult			{padding-bottom: 15px;}
.fxSearchresultHead		{}
.fxSearchresultNote		{text-align:right; margin-bottom:10px;}
.fxSearchresultSnippet		{}
.fxSearchresultUrl		{}
.fxSearchfooter			{margin:30px;text-align: center;}


/*****************************************************/
/*****		SITEMAP CLASSES		 *************/
/*****************************************************/

ul.sitemap {
	list-style: disc;	
}


.sitemap li {
	color: #cc3333;
	margin: 4px;
}

.sitemap_1 {
	color: #cc3333;
	text-decoration: none;
	font-size: 12px; 
	font-weight: bold;
	margin-bottom: 3px;
}

.sitemap_2 {
	text-decoration: none;
	font-size: 12px; 
	font-weight: bold;
}



/*****************************************************/
/*****		ROUNDED BOX DIVS         *************/
/*****************************************************/

/* set millions of background images */
.rbroundbox { background:  url('../img/layout/nt.gif') repeat-x; background-color: white; }
.rbtop div { background: url('../img/layout/tl.gif') no-repeat top left; }
.rbtop { background: url('../img/layout/tr.gif') no-repeat top right; }
.rbbot div { background: url('../img/layout/bl.gif') no-repeat bottom left; }
.rbbot { background: url('../img/layout/br.gif') no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 18px;
font-size: 1px;
}
.rbcontent { margin: 0 10px; }

.rbcontent h1.top {
	color: white;
	font-size: 20px;
	font-weight: normal;
	position: relative;
	top: -12px;
}

.rbcontent img {
	margin: 5px;
	border: 0px;
}

/*****************************************************/
/*****		OPACITY IMAGES		 *************/
/*****************************************************/

.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.toggleborder img{
border: 1px solid #ccc;
}

.toggleborder:hover img{
border: 1px solid navy;
}

.toggleborder:hover{
color: red; /* Dummy definition to overcome IE bug */
}



/*****************************************************/
/*****		DATA TABLE		 *************/
/*****************************************************/




#data {
  width: 90%;
  font-size:10px;
  overflow: hidden;
}

#data td {
}

td.s_id, td.s_type, td.params, td.s_creator, td.s_rok {
	background-color: #eeeeee;
} 


#data .blank {
   background-color: white;
}


#thead-list {
	background-color: #333333;
}

td.hb {
	color: white;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	text-align: center;
	font-size:10px;
	
}

td.s_id a {
 color: black;
}

td.s_id {
}


td.s_type {
   font-weight: bold;
   white-space:nowrap;
}

.datarow {
 cursor: pointer;
}

/*****************************************************/
/*****		STROJ DETAIL		 *************/
/*****************************************************/

.strojprops	{
	background-color: white;
	width: 99%;
	border: 1px solid #fce8d1;
}
.strojprops td {
	background-color: #eeeeee;
}

td.hd {
	font-weight: bold;
	background-color: #fce8d1;
	width: 150px;
	padding-right: 3px;
}

td.ct {
}



#strojdetail h2 {
	font-size: 14px;
}
#strojdetail img {
	margin: 5px;
}


.mailForm {
	background-color: #fce8d1;
	border: 1px solid grey;
	margin-top:15px;
	padding: 10px;
}