﻿
/* CSS Document*/*,html{margin: 0;padding: 0;border: 0;}

body {
    background: url(background.if) repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #336699;
	margin:0;
    padding:0;
}
.clear5{height: 5px;line-height: 5px;overflow: hidden;clear: both;}
.clear10{height: 10px;line-height: 10px;overflow: hidden;clear: both;}
.clear15{height: 15px;line-height: 15px;overflow: hidden;clear: both;}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

/*DODANO NOVO */
.main{
width: 980px;
background:: #FFFFFF;
border: 0px solid #e0e1e3;
margin: 0 auto;
}
.mainbox{
width: 100%;
border: 0px solid #e0e1e3;
border-top: 0px;
background:: #FFFFFF;
}

.infobox{
width: 760px;
background: url(nt.gif) repeat;
float:left;
margin: 13px 0px 0px 0px;
padding: 10px 10px 10px 10px ; 
}
.infobox2{
width: 100%;
background: #FFFFFF;
float:left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px ; 
}
.header{
width: 980px;
height: 120px;
font-family: Arial, Helvetica, sans-serif;
color: #DCDCDC;
margin-top: 10px;
}
.header_top{
width: 100%;
height: 90px;
}
.header_bottom{
float:left;
width: 100%;
height: 20px;
border-bottom: 4px solid #73198A;
}
.logo{
float: left;
display:relative;
width:185px;
margin: -60px 0px -20px 5px;
padding-top:0px;
}
.tablet{
float: left;
width:725px;
height: 90px;
margin: 0px 0px 0px 200px;
}
.langs{
float: right;
margin-left: 0px;
width:auto;
font-size: 11px;
font-family: "Arial", Times, serif;
color: #0A3F6B;
margin:-90px 45px 0px 0px;

}
.langs a{
float:right;
font-size: 11px;
font-family: "Arial", Times, serif;
color: #0A3F6B;
text-decoration: none;
padding-right: 5px;
padding-left: 5px;
}
.book{
float: left;
margin-left: 0px;
width:auto;
font-size: 11px;
font-family: "Arial", Times, serif;
color: #0A3F6B;
}
.book a{
float:left;
font-size: 11px;
font-family: "Arial", Times, serif;
color: #0A3F6B;
text-decoration: none;
padding-right: 5px;
padding-left: 5px;
}

.loginbar{
float: right;
background-color: transparent;
padding-right:5px;
}
.topmenu {
width:auto;
float:right;
font-size: 11px;
font-family: "Arial", Times, serif;
color: #0A3F6B;
}
.topmenu a{
height: 14px;
float:left;
font-size: 11px;
font-family: "Arial", Times, serif;
color: #0A3F6B;
text-decoration: none;
padding-right: 0px;
padding-left: 0px;
border-right: 0px solid #727272;
}
.tabmenu{
width: 664px;
margin: 0px 0px 0px 3px;
}
.search{
background: url(search_bg.png);
height: 88px; 
width: 664px;
}
.search_form{
margin: 0px 0px 0px 0px;
}
.search_input {
float:left;
display:relative;
overflow: hidden;
width:400px;
height: 15px;
border: none;
margin: 5px 0px 0px 25px ;

}
.formbutton{
cursor:pointer;
border:outset 0px #ccc;
background:#444444;
color:#666;
width:131px;
height: 28px;
font-weight:bold;
padding: 0px 0px;
background: url(button.png) repeat-x left top;
}
.formbutton1{
float:right;
display:inline;
cursor:pointer;
color:#666;
width:131px;
height: 28px;
font-weight:bold;
padding: 0px 0px;
margin: -1px 28px 0px 0px;
}





.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 770px; margin: 1em auto; float:right;}


.boxnews{
border: 1px solid #E0E1E3;
width: 100%;
padding: 10px 3px 0px 3px;
}
.boxfeature{
border: 1px solid #E0E1E3;
width: 416px;
background: url(featured.png) no-repeat top;
padding: 0px 0px 0px 0px;
}
.boxlatest{
border: 1px solid #E0E1E3;
width: 416px;
background: url(featured.png) no-repeat top;
padding: 0px 0px 0px 0px;
}
.boxtender{
border: 1px solid #E0E1E3;
width: 416px;
background: url(featured.ng) no-repeat top;
padding: 0px 0px 0px 0px;
}

.featureprod{
height: auto;
}
.in_s1{width:61px; height:65px; line-height:20px;  float:left; display:inline; overflow:hidden; text-align:center; margin:2px 0 0 4px;}
.in_s1 img{width:55px; height:45px;}
.padd4{padding: 2px;}
.c_b{border: 1px #E0E1E3 solid;}


.cin_s1{width:75px; height:65px; line-height:20px;  float:left; display:inline; overflow:hidden; text-align:center; margin:2px 0 0 4px;}
.cin_s1 img{width:65px; height:45px;}

.cin_s3{width:50px; height:55px; line-height:20px;  float:left; display:inline; overflow:hidden; text-align:center; margin:2px 0 0 2px;}
.cin_s3 img{width:50px; height:45px;}


.boxurgent{
border: 1px solid #E0E1E3;
width: 100%;
overflow:hidden; height:auto;
background: url(bg_gray.png) no-repeat top ;
}
.boxcateg{
border: 1px solid #E0E1E3;
border-left:0px;
border-top:0px;
width: 190px;
padding:0px;
line-height:18px;
margin:0 0 10px 0;
}
.categtitle{
height:25px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
font-family: "Arial", Times, serif;
margin: 0px 0px 0px 0px;
color: #0A3F6B;
text-decoration: none;
background: url(menuhed.png) no-repeat;
padding: 10px 0px 0px 10px;
}

.boxcateg a {
	color:#1f307e;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	text-decoration:none;
	margin-left: 5px;
padding:0;
	}		
.boxcateg a:hover, a.active {
	margin-left: 3px;
	color:#1f307e;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	text-decoration:none;
padding:0;
	}	



.clearbot{height: 15px;line-height: 15px;overflow: hidden;clear: both; border:1px solid #e0e1e3; border-top:0px;}

#maincontainer{
margin:0 auto;
width: 980px;
background: #FFFFFF;
border: 0px solid #e0e1e3;
border-top:0px;

}
#contentwrapper{
float: left;
width: 100%;
background: #FFFFFF;
}

#contentcolumn{
margin: 0 36% 0 20%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 20%; /*Width of left column in percentage*/
margin-left: -100%;
background: #FFFFFF;
border-left: 1px solid #e0e1e3;
border-bottom: 1px solid #e0e1e3;
min-height: 750px;
background: url(leftcol.png);
}

#rightcolumn{
float: left;
width: 35.89%; /*Width of right column in pixels*/
margin-left: -36%; /*Set margin to that of -(RightColumnWidth)*/
background: #FFFFFF;
border-right: 1px solid #e0e1e3;
}
.videotitle{
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
font-family: "Arial", Times, serif;
color: #0A3F6B;
text-decoration: none;
padding: 0px 0px 7px 7px;
margin:-3px 0px 0px 0px;
}
.vesttitle{
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
font-family: "Arial", Times, serif;
color: #0A3F6B;
text-decoration: none;
padding: 0px 0px 7px 7px;
margin: 10px 0px 0px 0px;
}


.boxtitle{
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
font-family: "Arial", Times, serif;
color: #0A3F6B;
text-decoration: none;
padding: 5px 0px 5px 10px;

}
h1,h2,h3,h4,h5,h6{font-size: 11px;text-align: left;}

/*BOX ul21 CSS*/
.compul{height:auto; border:0px #ccc solid; overflow:hidden; margin: 0 0 0 -20px; text-align:left; padding-left:10px;}
.compul .bt{height:18px; line-height:18px; text-align:left;}
.compul .bt h2{background:url(arrow.gif) 7px 7px no-repeat; padding-left:15px; color:#FF3300; text-align:left;}
.compul img{float:left; display:inline; width:105px; height:68px; padding:2px; border:1px #e0e1e3 solid; margin-left:8px;}
.compul ul{width:auto; margin-top:-2px; text-align:left;}
.compul ul li{width:135px; margin-left:7px; height:18px; line-height:18px; border-bottom:1px #b2b2b2 dashed; text-align:left;text-transform:uppercase;}
.compul ul li.li1 a{color:#0a3168; text-align:left; text-transform:uppercase;}
.compul ul li.li1 a:hover{color:#dc0000; text-align:left; text-transform:uppercase;}

.ul21 li{float: left; height: 17px;line-height: 16px;overflow: hidden;
background: url(arrow.gif) 2px 5px no-repeat;padding-left: 12px; text-align:left;}
.ul21 li p{float: left;display: inline; padding-right:10px;}
.ul21 li em{float: left;display: inline; margin-left:5px; padding-right:10px;}
.ula li a{color: #0a3168; }
.ula li p a{color: #0a3168; }
.ula li a: hover{color: #dc0000;}
.ula li em{color: #347aba; margin-left:5px; margin-right:10px;}


/*BOX CSS*/

.vest img {width:50px; height:45px; float:left; display:inline; padding: 2px; 
margin: 0px 10px 0px 10px; border:1px solid #e0e1e3;}
.vest div{width:400px; min-height:60px;_height:60px; clear:both; padding:7px 0;}
.vest p {width:400px; height:60px; line-height:15px; margin: 0px 0px 0px 0px; text-align:left;}
.vest div p a.title{display:block; height:15px; text-transform:uppercase; overflow:hidden; margin:0px 0;
 color:#0A3F6B; font-size:11px; font-weight:bold;}
.vest a {color:#0A3F6B; font-size:11px; text-decoration:none;line-height:15px;}

.vestpic{width: 100%; margin-top: -14px; padding:0px 5px 5px 5px; border-top: 0px dashed #e0e1e3;}
.vestpic img{width: 55px; height:45px; margin-left:5px;  padding:2px; border:1px solid #e0e1e3;}

.viptvrtke { width: 100%; margin:5px 0px 0px 0px; padding:0px 5px 5px 10px;}
.viptvrtke img{width:65px; height:55px; display:inline; padding:2px; border:1px solid #e0e1e3; }


/*news*/
.news_date{width:100px;height:82px;background:url(date_bg.gif) no-repeat;float:left;display:inline;margin:5px 0 8px 16px;padding:10px 0 0;}
.news_date p{text-align:center;height:20px;line-height:20px;font-size:14px;}
.news_date p.month{color:#fff;margin:0 auto 4px;}
.news_date p.day,.news_date p.year{font-size:20px;font-weight:bold;color:#0D7AB7;line-height:22px;}
.news_title{color:#0A3168;width:560px;float:right;display:inline;text-align:left;}
.news_title h2{font-size:22px;padding:20px 0 10px;}
.news_title h2 em{color:#F8841D;font-weight:lighter;}
.news_title a{color:#F8841D;margin:0 5px 0 0;}
.news_title span{margin:0 0 0 20px;}
.news_info{width:670px;min-height:630px;_height:615px;text-align:left;line-height:25px;color:#0A3168;padding:15px 0;}
.news_info img{margin:0 0 0 10px; border:1px solid #efefef; padding:2px;}
.news_kz{text-align:right;padding:25px 10px 0;}
.news_kz a{color:#0A3168;}
.news_kz a.cur{color:#347ABA;}
.news_kz em{color:#F8841D;}
.news_kz span{margin:0 4px;}
.news_c1{height:auto;padding:5px 0 15px;}
.news_c1 ul li{background:url(arrow08.gif) 0 8px no-repeat;color:#347ABA;}
.news_c1 ul li p{width:115px;height:21px;overflow:hidden;}
.news_c1 ul li em{width:80px;}
.tclas{border:1px solid #efefef; padding: 2px; height:15px; background:#f7f7f7;}


.w_left1,.w_right1,.w_left2,.w_left3,.w_left4,.w_right2{width: 715px;height: auto;float: left;display: inline;}
.w_right1{width: 235px;float: right;}
.w_left2{width: 395px;}
.w_left3{width: 352px;margin-left: 10px;}
.w_left4{width: 235px;}
.w_right2{width: 173px;float: right;}
.w_right3{width: 715px;float: right;}

/*client service*/
.cs_ad{width:693px;height:auto;overflow:hidden;}
.cs_c1{width:693px;height:auto;padding:10px 10px 20px;border:1px #efefef solid;background:#fff;}
.cs_c1 table{margin:0 auto 15px;}
.cs_c1 table th{font-weight:bold;font-size:14px;text-align:center;padding:5px 0 3px;background:url(h_1px_x1.gif) bottom repeat-x;}
.cs_c1 table tr td{padding:5px 0;line-height:18px;text-align:center;font-size:14px;}
.cs_c1 table tr.cs_tr td{background:#f5f5f5;}
.cs_c1 table tr td em{font-weight:bold;}
.cs_d{clear:both;height:19px;padding:10px 0 0 20px;}
.cs_d label,.cs_d p{float:left;display:inline;}
.cs_d input{background:none;}
.cs_d label{width:85px;font-weight:bold;color:#333;font-size:14px;text-align:left;}
.cs_d1 p{width:208px;height:19px;background:url(h_bg.gif) 0 -345px no-repeat;}
.cs_d1 p input{width:205px;height:17px;margin:2px 0 0 3px;}
.cs_d2{height:100px;}
.cs_d2 p{width:585px;height:91px;background:url(h_bg.gif) 0 -250px no-repeat;}
.cs_d2 p textarea{width:578px;height:87px;margin:2px 0 0 5px;background:none;}
.cs_d3 input{width:72px;height:25px;background:url(h_bg.gif) 0 -205px no-repeat;font-size:14px;font-weight:bold;color:#fff;cursor:pointer;margin:0 auto;}
.cs_c2{height:auto;padding:5px 0 20px 0;}
.cs_c2 ul{margin:8px auto 20px;}
.cs_c3{width:180px;height:auto;padding:10px 10px;clear:both;margin:0 auto;color:#347ABA;line-height:21px;background:#FFFAC2;border:1px #CECECE solid;text-align:left;}
.cs_c3 em{font-weight:bold;margin:10px 0 0;}





.latest img{width:65px; height:60px; float:left; display:inline; padding: 2px; margin: 0px 10px 0px 10px; border:1px solid #e0e1e3;}
.latest div{width:100%; height:auto; clear:both; padding:7px 0;}
.latest div p{width:323px; height:60px; line-height:15px; margin: 0px 0px 0px 0px; text-align:left;}
.latest div p a.title{display:block; height:15px; text-transform:uppercase; overflow:hidden; margin:0px 0; color:#0A3F6B; font-size:11px; font-weight:bold;}
.latest a {color:#0A3F6B; font-size:11px; text-decoration:none;line-height:15px;}


.urgent img{width:65px; height:60px; float:left; display:inline; padding: 2px; margin: 0px 10px 0px 10px; border:1px solid #e0e1e3;}
.urgent div{width:100%; height:auto; clear:both; padding:7px 0;}
.urgent div p{width: 320px; height:60px; line-height:10px; margin: 0px 5px 0px 0px; text-align:left;}
.urgent div p a.title{display:block; height:15px; text-transform:uppercase; overflow:hidden; margin:0px 0; color:#0A3F6B; font-size:11px; font-weight:bold;}
.urgent a {color:#0A3F6B; font-size:11px; text-decoration:none;line-height:15px;}








.recommendlink{width: 190px; height: 20px; border-top:0px solid #e0e1e3; border-bottom:1px solid #e0e1e3;}
.recommendlink img{width: 180px; height: 35px; border:none; padding:3px 5px 0px 5px;}
.recommendlinktitle{ font-size: 11px; font-weight: bold;text-transform: uppercase; font-family: "Arial", Times, serif;
color: #0A3F6B;
text-decoration: none;
padding: 0px 0px 5px 10px;
}

/*BUY CSS STRANICA*/
#buycontentcolumn{
margin: 0 26% 0 32%; /*Margins for content column. Should be "0 RightColumnWidth 0 

LeftColumnWidth*/
}

#buyleftcolumn{
float: left;
width: 32%; /*Width of left column in percentage*/
margin-left: -100%;
background: #FFFFFF;
}

#buyrightcolumn{
float: left;
width: 26%; /*Width of right column in pixels*/
margin-left: -26%; /*Set margin to that of -(RightColumnWidth)*/
background: #FFFFFF;
}

.boxbuycentar{
border: 1px solid #E0E1E3;
width: 100%;
padding: 10px 3px 0px 3px;
}
.buyurgent{
border: 1px solid #E0E1E3;
width: 290px;
padding: 0px 10px 5px 10px;
height:auto; 
overflow:hidden;
}

.buyurgent img{width:65px; height:60px; float:left; display:inline; padding: 2px; margin: 0px 10px 0px 10px; border:1px solid #e0e1e3;}
.buyurgent div{width:100%; height:auto; clear:both; padding:7px 0;}
.buyurgent div p{width: 300px; height:60px; line-height:15px; margin: 0px 5px 0px 0px; text-align:left;}
.buyurgent div p a.title{display:block; height:15px; text-transform:uppercase; overflow:hidden; margin:0px 0; color:#0A3F6B; font-size:11px; font-weight:bold;}
.buyurgent a {color:#0A3F6B; font-size:11px; text-decoration:none;line-height:15px;}





.boxbuyrecomm{padding: 0px 10px 10px 10px; width:290px; border: 1px solid #E0E1E3; height:auto; overflow:hidden; text-transform:uppercase;}
.boxbuytop{padding: 0px 10px 10px 10px; width:290px; border: 1px solid #E0E1E3;height:auto; overflow:hidden;}
.boxbuycateg{padding: 0px 10px 0px 10px; width:225px; border: 1px solid #E0E1E3; height:470px;}

/*.buylatest{margin: 0px 0px 0px 0px; border:1px solid #e0e1e3;}*/
.buylatest{padding: 0px 5px 10px 5px; width:235px; border: 1px solid #E0E1E3; height:auto; overflow:hidden;}
.buylatest img{width:228px; height:60px; padding: 2px; border:1px solid #e0e1e3;}


.bul21 li{ height: 28px;line-height: 15px;overflow: hidden;background: url(arrow.gif) 2px 9px no-repeat;padding-left: 8px; padding-right: 8px;}
.bul21 li p{float:left; display: inline; margin-right:30px;}
.bul21 li em{float: right; margin-right:10px;}

.bula li{height: 29px;line-height: 8px;overflow: hidden; background: url(arrow.gif) 2px 13px no-repeat;}
.bula li p{float: left;display: inline; margin-right:30px;}
.bula li em{color: #347aba; margin-right:10px;}




.cg_left2{float:left; margin-left:10px; display:inline; width:390px; height:auto; overflow:hidden;}
.cg_hot{ background:#fff; overflow:hidden; border:1px #ccc solid; text-align:center; padding-top:3px; padding-bottom:6px;}
.cg_hot img{width:382px; height:auto;}

.cg_tab1{height:95px; border:1px #ccc solid; overflow:hidden;}
.cg_tab1 .bt{height:18px; line-height:18px;}
.cg_tab1 .bt h2{background:url(arrow.gif) 7px 7px no-repeat; padding-left:15px; color:#FF3300}
.cg_tab1 img{float:left; display:inline; width:105px; height:68px; padding:2px; border:1px #e0e1e3 solid; margin-left:8px;}
.cg_tab1 ul{width:265px; margin-top:-2px;}
.cg_tab1 ul li{width:115px; margin-left:7px; height:18px; line-height:18px; border-bottom:1px #b2b2b2 dashed;}
.cg_tab1 ul li.li1 a{color:#0a3168;}
.cg_tab1 ul li.li1 a:hover{color:#dc0000;}


/*
.cg_tab1{height:95px; border:1px #ccc solid; overflow:hidden;}
.cg_tab1 .bt{height:18px; line-height:18px; font-size:11px; padding: 0px 0px 0px 5px; font-weight:bold;}
.cg_tab1 .bt h2{background:url(arrow.gif) 0px 0px no-repeat; padding-left:15px; color:#FF3300}
.cg_tab1 img{float:left; display:inline; width:105px; height:68px; padding:2px; border:1px #e0e1e3 solid; margin-left:6px;}
.cg_tab1 ul{width:265px; margin-top:-2px;}
.cg_tab1 ul li{width:115px; margin-left:120px; height:25px; line-height:18px; border-bottom:0px #b2b2b2 dashed;}
.cg_tab1 ul li.li1 a{color:#0a3168;}
.cg_tab1 ul li {color:#dc0000;}
.li1 a:hover{color:#dc0000;}
*/






/*SELL CSS STRANICA*/
#sellcontentcolumn{
margin: 0 28% 0 38%; /*Margins for content column. Should be "0 RightColumnWidth 0 

LeftColumnWidth*/
}

#sellleftcolumn{
float: left;
width: 38%; /*Width of left column in percentage*/
margin-left: -100%;
background: #FFFFFF;
}

#sellrightcolumn{
float: left;
width: 28%; /*Width of right column in pixels*/
margin-left: -28%; /*Set margin to that of -(RightColumnWidth)*/
background: #FFFFFF;
}

.boxsellleft{
border: 1px solid #E0E1E3;
width: 100%;
float:left;
}
.catsell{width:362px; padding:2px 0px 5px 10px; background:#fff;margin: -6px 0px 0px -1px;}
.catsell fieldset{width:355px; height:23px;}
.catsell fieldset h2{width:340px; border-bottom:1px #333 dashed;}
.catsell fieldset div, .gy_c1 fieldset p{width:340px;}
.catsell{  padding:10px 0px 10px 10px; float:left; border-left:1px #e0e1e3 solid; border-top:0; 
overflow:hidden; position:relative;}/*height:686px*/
.catsell a: {color:#0A3F6B;}
.catsell a:hover{color:#FF0000;}

.selljoin{
display:inline;
float: right;
margin:-22px 15px 0px 0px;
padding: 2px 5px 2px 5px;
border: 0px solid #8eb4ce;
color:#793b0a;
border:1px solid #c3c3c3;
border-right:2px solid #727272;
border-bottom:2px solid #727272;
}
.selljoin a{
margin:0px 10px 0px 0px;
padding: 2px 0px 2px 5px;
border: 0px solid #8eb4ce;
color:#793b0a;
}


.boxsellright{
border: 1px solid #E0E1E3;
width: 100%;
padding:5px 2px 5px 5px;
height:auto; 
overflow:hidden;
text-transform:uppercase;
}

.moresell{
display:inline;
float: right;
margin:-22px 10px 0px -70px;
padding: 2px 5px 2px 5px;
font:  10px Verdana;
border: 0px solid #8eb4ce;
color:#793b0a;
border:1px solid #c3c3c3;
border-right:2px solid #727272;
border-bottom:2px solid #727272;
}

.boxsellcenter{
border: 1px solid #E0E1E3;
width: 100%;
padding:5px 2px 5px 5px;
height:auto; 
overflow:hidden;

}
.newpromobox{ border: 1px solid #E0E1E3;width: 100%; padding:5px 0px 5px 5px;overflow:hidden; height:auto;}
.newpromobox img { width: 300px; height:120px; padding:2px; margin: 10px 0 0 0;  border:1px solid #e0e1e3; }

.morepromo a{
display:inline;
float: right;
margin:-22px 5px 6px 0px;
padding: 1px 7px 1px 7px;
border: 0px solid #8eb4ce;
color:#793b0a;
font:  13px Verdana;
border: 0px solid #8eb4ce;
color:#793b0a;
border:1px solid #c3c3c3;
border-right:2px solid #727272;
border-bottom:2px solid #727272;
}
.morepromo a:hover{
padding: 1px 7px 1px 7px;
border:1px solid #c3c3c3;
border-left:2px solid #727272;
border-top:2px solid #727272;
}




.promopic{width: 100%; margin-top: -14px; padding:0px 5px 5px 0px; border-top: 0px dashed #e0e1e3;}
.promopic img{width: 50px; height:45px; margin-left:5px;  padding:2px; border:1px solid #e0e1e3;}



.success{width: 260px;}
.success img {width:50px; height:45px; float:left; display:inline; padding: 2px; 
margin: 0px 10px 0px 10px; border:1px solid #e0e1e3;}
.success div{width:250px; clear:both; padding:7px 0;}
.success p {width:250px; height:60px; line-height:15px; margin: 0px 0px 0px 0px; text-align:left;}
.success div p a.title{display:block; height:15px; text-transform:uppercase; overflow:hidden; margin:0px 0;
 color:#0A3F6B; font-size:11px; font-weight:bold;}
.success a {color:#0A3F6B; font-size:11px; text-decoration:none;line-height:15px;}

/* CSS COMPANY*/
#comcontentcolumn{
margin: 0 24% 0 22%; /*Margins for content column. Should be "0 RightColumnWidth 0 

LeftColumnWidth*/
}

#comleftcolumn{
float: left;
width: 22%; /*Width of left column in percentage*/
margin-left: -100%;
background: #FFFFFF;
border: 1px solid #e0e1e3;
}

#comrightcolumn{
float: left;
width: 24%; /*Width of right column in pixels*/
margin-left: -24%; /*Set margin to that of -(RightColumnWidth)*/
background: #FFFFFF;
}

.boxcomleft{
border: 0px solid #E0E1E3;
width: 100%;
}
.boxcomright{
border: 1px solid #E0E1E3;
width: 100%;
padding: 0px 5px 0px 5px;
height:auto; 
overflow:hidden;
text-transform:uppercase;
}
.boxcomright img{width:203px;}

.boxmod{width:100%; height:auto; border: 1px solid #E0E1E3; padding: 0px 5px 0px 5px;}
.boxmod1{width:100%; border: 0px solid #E0E1E3; padding: 0px;}

.boxcomcenter{
border: 1px solid #E0E1E3;
width: 100%;
padding: 2px;

}
.boxselltitle {
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
font-family: "Arial", Times, serif;
color: #0A3F6B;
text-decoration: none;
padding: 0px 0px 0px 10px;
}


.boxselltitle a{
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
font-family: "Arial", Times, serif;
color: #0A3F6B;
text-decoration: none;
padding: 0px 0px 0px 10px;
}

.btn1 a{
display:inline;
float: right;
margin:5px 2px 0px 0px;
padding: 4px 7px 0px 17px;
border: 0px solid #8eb4ce;
color:#793b0a;
font:  13px Verdana;
border: 0px solid #8eb4ce;
color:#793b0a;
border:1px solid #c3c3c3;
border-right:2px solid #727272;
border-bottom:2px solid #727272;
background: url(arrow02.gif) 5px 5px no-repeat;
width: 180px;
height:20px;
}
.btn1 a:hover{
width: 180px;
height:20px;
padding: 4px 7px 0px 17px;
border:1px solid #c3c3c3;
border-left:2px solid #727272;
border-top:2px solid #727272;
}






.jobtitle{
font-size: 11px;
text-transform:uppercase;
padding: 5px 0px 5px 0px;
}

.vipcomp { width: 510px; margin:0px 0px 0px 0px; padding:0px 2px 5px 2px; overflow:hidden; height:auto;}
.vipcomp img{width:65px; height:55px; padding:2px; border:1px solid #e0e1e3; }
qy3 img{width:65px; height:55px; overflow:hidden;}



.inovation{width: 215px; height:auto; overflow:hidden;}
.inovation img {width:50px; height:45px; float:left; display:inline; padding: 2px; 
margin: 0px 10px 0px 5px; border:1px solid #e0e1e3;}
.inovation div{width:215px; clear:both; padding:7px 0;}
.inovation p {width:215px; line-height:15px; margin: 0px 0px 0px 0px; text-align:left;}
.inovation div p a.title{display:block; height:15px; text-transform:uppercase; overflow:hidden; margin:0px 0;
 color:#0A3F6B; font-size:11px; font-weight:bold;}
.inovation a {color:#0A3F6B; font-size:11px; text-decoration:none;line-height:15px;}

/*PRODUCT CSS STRANICA*/
#prodcontentcolumn{
margin: 0 28% 0 38%; /*Margins for content column. Should be "0 RightColumnWidth 0 

LeftColumnWidth*/
}

#prodleftcolumn{
float: left;
width: 38%; /*Width of left column in percentage*/
margin-left: -100%;
background: #FFFFFF;
}

#prodrightcolumn{
float: left;
width: 28%; /*Width of right column in pixels*/
margin-left: -28%; /*Set margin to that of -(RightColumnWidth)*/
background: #FFFFFF;
}

.boxprodleft{width:360px; padding:2px 0px 5px 10px; background:#fff;margin: 0px 0px 0px 0px;}
.boxprodleft fieldset{width:350px; height:23px;}
.boxprodleft fieldset h2{width:340px; border-bottom:1px #333 dashed;}
.boxprodleft fieldset div p{width:340px;}
.boxprodleft{  padding:10px 0px 10px 10px; float:left; border:1px #e0e1e3 solid;
overflow:hidden; position:relative;}/*height:686px*/
.boxprodleft a: {color:#0A3F6B; font-size:12px;}
.boxprodleft a:hover{color:#FF0000; font-size:12px;}
.boxprodlefttitle{font-size: 12px;font-weight: bold;text-transform: uppercase;font-family: "Arial", Times, serif;color: #0A3F6B;
text-decoration: none;
padding: 5px 0px 5px 0px;
}





.boxprodcenter{
border: 1px solid #E0E1E3;
width: 100%;
height:auto; 
overflow:hidden;
}
.boxprodright{
border: 1px solid #E0E1E3;
width: 245px;
padding: 2px 5px 5px 5px;
margin: 0 0px 5px 0;
height:auto; 
overflow:hidden;
text-transform:uppercase;

}

.recommprod{ width:330px}
.recommprod img{
height:45px;
width:54px;
float:left;
padding:2px;
border: 1px solid #e0e1e3;
margin: 3px 0 3px 2px;
}

.prodinovation{width: 100%; padding:5px 5px 5px 5px; height:auto; overflow:hidden;}
.prodinovation img {width:64px; height:50px; float:left; display:inline; padding: 2px; 
margin: 0px 10px 0px 2px; border:1px solid #e0e1e3;}
.prodinovation div{width:315px; clear:both; padding:2px 0; height:auto; overflow:hidden;}
.prodinovation p {width:285px; line-height:15px; margin: 0px 5px 0px 0px; text-align:left;}
.prodinovation div p a.title{display:block; height:15px; text-transform:uppercase; overflow:hidden; margin:0px 0;
 color:#0A3F6B; font-size:11px; font-weight:bold;}
.prodinovation a {color:#0A3F6B; font-size:11px; text-decoration:none;line-height:15px;}


/*OSTALO DODANO*/

.btn1p a{
float:left;
margin: 0px 10px 0px 0px;
padding: 4px 7px 5px 7px;
font:  13px Verdana;
border: 0px solid #8eb4ce;
color:#793b0a;
border:1px solid #c3c3c3;
border-right:2px solid #727272;
border-bottom:2px solid #727272;

}


.btn1p a:hover{
padding: 4px 7px 5px 7px;
border:1px solid #c3c3c3;
border-left:2px solid #727272;
border-top:2px solid #727272;
}
.piclistdiv{ margin:5px; width:115px;}
.piclistdiv img{ margin:5px; padding:2px; border:1px solid #e0e1e3; }

.newstitle{margin: 0px 0 15px 0 0; font-size:13px; font-weight:bold;background: url(arrow02.gif) 0px 5px no-repeat;
 padding: 2px 0 3px 10px; border-bottom: 1px dashed #e0e1e3;}
 .newstypetitle{ padding: 0px 10px 0px 10px; margin: 3px 0 0 0; font-size:11px;}
.footer1{border-top:1px solid #e0e1e3; margin: 0 auto; margin-top:15px; padding:10px 0 10px 0; width:970px; } 
 
 

  
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(menur_bg.if) repeat-x; /*tab background image path*/
	height: 30px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
text-transform: uppercase; font:bold 11px/100% arial;color:#455B80;
	text-decoration: none;
	font-family: sans-serif;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 30px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}




.alisearch {clear:both;background: url(aliSearch_tabsBg.if) top repeat-x; margin-left:0px; margin-top:0px;}
.alisearch ul {margin:0;list-style-type:none;list-style-image:none;height:30px;}
.alisearch li {float:left;margin-right:2px;background: url(aliSearch_tabsLeft.if) left top no-repeat;}
.alisearch li a{padding:7px 10px;margin-left:2px;width:auto;display:block; 	text-transform: uppercase; font:bold 11px/100% arial;color:#455B80;background: url(aliSearch_tabsRight.if) right top no-repeat!important;}
.alisearch li.current {height:30px;background: url(aliSearch_current_tabsLeft.gif) left top no-repeat;}
.alisearch li.current a{font-weight:bold;text-decoration:none;color:#172E54!important; background: url(aliSearch_current_tabsRight.gif) right top no-repeat!important;}
.alisearch ul li a{hide-focus: expression(this.hideFocus=true);  /* for ie 5+ */  outline: none;  /* for firefox 1.5 + */}
.alisearch li.other{margin-left:20px;background:none;}
.alisearch li.other a{background:none!important;font-size:10px;font-family:verdana;font-weight:normal;}




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 0px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.invertedshiftdown  a:visited{
color: 0A3F6B;
}

.invertedshiftdown ul li a.current{
background-color: #D10000;
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

.str{font-weight: normal;}
.f12{font-size: 12px;}
.f13{font-size: 12px;}
.f14{font-size: 12px;}


.boxcateg{width:190px; height:auto; padding:0px 0 0px 0px; float:left; border:0px #b5b5b5 solid; border-top:0; overflow:hidden; position:relative;}/*height:686px*/
.boxcateg fieldset{width:190px; height:auto; line-height:0px; overflow:hidden; float:left; display:inline; margin-top:1px;}/*background:url(x_1px_2.gif) 0 -500px repeat-x;height:220px*/
.boxcateg a{color:#0A3F6B;}
.boxcateg a:hover{color:#dc0000;}
.boxcateg fieldset h2{display:block; width:190px; padding-left:5px; background:#fff; clear:both; 
border-bottom:1px #E0E1E3 dashed; margin:0 auto;}
.boxcateg fieldset h2 a{color:#0A3F6B;}
.boxcateg fieldset div, fieldset p{width:190px; height:auto; margin:0 auto; overflow:hidden;text-align:left; color:#003cc8;}/*height:60px*/
.boxcateg fieldset div{height:0px; line-height:24px; margin-top:0px;}
.boxcateg fieldset div a{margin-right:5px;}
.boxcateg fieldset a.d{color:#dc0000;}
.boxcateg fieldset p a{margin:0 3px;}

.comcateg{width:200px; height:auto; padding:0px 0 0px 0px; float:left; border:0px #b5b5b5 solid; border-top:0; overflow:hidden; position:relative;}/*height:686px*/
.comcateg fieldset{width:200px; height:auto; line-height:0px; overflow:hidden; float:left; display:inline; margin-top:1px;}/*background:url(x_1px_2.gif) 0 -500px repeat-x;height:220px*/
.comcateg a{color:#0A3F6B;}
.comcateg a:hover{color:#dc0000;}
.comcateg fieldset h2{display:block; width:200px; padding-left:5px; background:#fff; clear:both; 
border-bottom:1px #E0E1E3 dashed; margin:0 auto;}
.comcateg fieldset h2 a{color:#0A3F6B;}
.comcateg fieldset div, fieldset p{width:200px; height:auto; margin:0 auto; overflow:hidden;text-align:left; color:#003cc8;}/*height:60px*/
.comcateg fieldset div{height:0px; line-height:24px; margin-top:0px;}
.comcateg fieldset div a{margin-right:5px;}
.comcateg fieldset a.d{color:#dc0000;}
.comcateg fieldset p a{margin:0 3px;}


.comcateg{
border: 0px solid #E0E1E3;
border-left:0px;
border-top:0px;
width: 210px;
padding:0 0 0 5px;
}
.comcateg a {
	color:#1f307e;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	text-decoration:none;
	margin-left: 5px;
	}		
.comcateg a:hover, a.active {
	margin-left: 3px;
	color:#1f307e;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	text-decoration:none;

	}	


.buycateg{width:200px; height:auto; padding:0px 0 0px 0px; float:left; border:0px #b5b5b5 solid; border-top:0; overflow:hidden; position:relative;}/*height:686px*/
.buycateg fieldset{width:200px; height:auto; line-height:0px; overflow:hidden; float:left; display:inline; margin-top:1px;}/*background:url(x_1px_2.gif) 0 -500px repeat-x;height:220px*/
.buycateg a{color:#0A3F6B;}
.buycateg a:hover{color:#dc0000;}
.buycateg fieldset h2{display:block; width:200px; padding-left:5px; background:#fff; clear:both; 
border-bottom:1px #E0E1E3 dashed; margin:0 auto;}
.buycateg fieldset h2 a{color:#0A3F6B;}
.buycateg fieldset div, fieldset p{width:200px; height:auto; margin:0 auto; overflow:hidden;text-align:left; color:#003cc8;}/*height:60px*/
.buycateg fieldset div{height:0px; line-height:24px; margin-top:0px;}
.buycateg fieldset div a{margin-right:5px;}
.buycateg fieldset a.d{color:#dc0000;}
.buycateg fieldset p a{margin:0 3px;}


.buycateg{
border: 0px solid #E0E1E3;
border-left:0px;
border-top:0px;
width: 210px;
padding:0 0 0 5px;
}
.buycateg a {
	color:#1f307e;
	font-family:tahoma;
	font-size:11px;
	font-weight:normal;
	line-height:18px;
	text-decoration:none;
	margin-left: 5px;
	}		
.buycateg a:hover, a.active {
	margin-left: 3px;
	color:#1f307e;
	font-family:tahoma;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	text-decoration:none;

	}	
input,select,textarea{font-size: 11px;vertical-align: middle; border:1px solid #e0e1e3;}

.banner1 img{width:184px; padding:3px 0 0 0; }
.banner4 img{width:391px; padding:3px 0 0 0; }
.banner5 img{width:311px; padding:3px 0 0 0; }
.banner11 img{width:320px; padding:3px 0 0 0;}
.banner12 img{width:265px; padding:3px 0 3px 0;}
.banner15 img{width:515px; padding:3px 0 0 0;}
.banner17 img{width:315px; padding:3px 0 0 0;}
.banner18 img{width:258px; padding:3px 0 3px 0;}
.banner25 img{width:180px; padding:3px 0 3px 0;}



.hyzx_1 ul{width:230px; margin:8px 0 0 10px;}
.hyzx_1 ul li{width:220px; height:21px; line-height:21px; overflow:hidden;color:#0a3168}
.hyzx_1 ul li p{width:155px;}
.hyzx_1 ul li em{width:65px; text-align:right;}
.hyzx_1 ul li a{color:#0a3168;}
.hyzx_1 ul li a:hover{color:#dc0000;}
.hyzx_1 ul li em a:hover {text-decoration:none;}
.hyzx_1{width:251px; height:295px; overflow:hidden; float:left; display:inline; margin:2px 0 0 10px;}
.hyzx_1{background:#c0e4fc;}


.listanje{width:300px;}
.descript{width:100%;}

.autodiv{height:auto; border:0px #ccc solid; overflow:hidden; margin: 0 0 0 0px;}

.nautodiv{height:auto; border:0px #ccc solid; overflow:hidden; margin: 0 0 0 -20px; text-align:left;}
.nautodiv .bt{height:18px; line-height:18px; text-align:left;}
.nautodiv .bt h2{background:url(arrow.gif) 7px 7px no-repeat; padding-left:5px; color:#FF3300; text-align:left;}
.nautodiv ul{width:400px; margin-top:-2px; text-align:left;}
.nautodiv ul li{width:165px; margin-left:7px; height:18px; line-height:18px; border-bottom:0px #b2b2b2 dashed; text-align:left;}
.nautodiv ul li.li1 a{color:#0a3168; text-align:left;}
.nautodiv ul li.li1 a:hover{color:#dc0000; text-align:left;}

.bautodiv{height:auto; border:0px #ccc solid; overflow:hidden; margin: 0 0 0 -20px; text-align:left;}
.bautodiv .bt{height:18px; line-height:18px; text-align:left;}
.bautodiv .bt h2{background:url(arrow.gif) 7px 7px no-repeat; padding-left:5px; color:#FF3300; text-align:left;}
.bautodiv ul{width:290px; margin-top:-2px; text-align:left;}
.bautodiv ul li{width:125px; margin-left:7px; height:18px; line-height:18px; border-bottom:0px #b2b2b2 dashed; text-align:left;}
.bautodiv ul li.li1 a{color:#0a3168; text-align:left;}
.bautodiv ul li.li1 a:hover{color:#dc0000; text-align:left;}

.npautodiv{height:auto; border:0px #ccc solid; overflow:hidden; margin: 0 0 0 -20px; text-align:left;}
.npautodiv .bt{height:18px; line-height:18px; text-align:left;}
.npautodiv .bt h2{background:url(arrow.gif) 7px 7px no-repeat; padding-left:5px; color:#FF3300; text-align:left;}
.npautodiv ul{width:300px; margin-top:-2px; text-align:left;}
.npautodiv ul li{width:125px; margin-left:7px; height:18px; line-height:18px; border-bottom:0px #b2b2b2 dashed; text-align:left;}
.npautodiv ul li.li1 a{color:#0a3168; text-align:left;}
.npautodiv ul li.li1 a:hover{color:#dc0000; text-align:left;}



.sautodiv{height:auto; border:0px #ccc solid; overflow:hidden; margin: 0 0 0 -20px; text-align:left;}
.sautodiv .bt{height:18px; line-height:18px; text-align:left;}
.sautodiv .bt h2{background:url(arrow.gif) 7px 7px no-repeat; padding-left:5px; color:#FF3300; text-align:left;}
.sautodiv ul{width:280px; margin-top:-2px; text-align:left;}
.sautodiv ul li{width:115px; margin-left:7px; height:18px; line-height:18px; border-bottom:0px #b2b2b2 dashed; text-align:left;}
.sautodiv ul li.li1 a{color:#0a3168; text-align:left;}
.sautodiv ul li.li1 a:hover{color:#dc0000; text-align:left;}


.cautodiv{height:auto; border:0px #ccc solid; overflow:hidden; margin: 0 0 0 -20px; text-align:left;}
.cautodiv .bt{height:18px; line-height:18px; text-align:left;}
.cautodiv .bt h2{background:url(arrow.gif) 7px 7px no-repeat; padding-left:5px; color:#FF3300; text-align:left;}
.cautodiv ul{width:260px; margin-top:-2px; text-align:left;}
.cautodiv ul li{width:200px; margin-left:7px; height:18px; line-height:18px; border-bottom:0px #b2b2b2 dashed; text-align:left;}
.cautodiv ul li.li1 a{color:#0a3168; text-align:left;}
.cautodiv ul li.li1 a:hover{color:#dc0000; text-align:left;}


.pautodiv{height:auto; border:0px #ccc solid; overflow:hidden; margin: 0 0 0 -20px; text-align:left;}
.pautodiv .bt{height:18px; line-height:18px; text-align:left;}
.pautodiv .bt h2{background:url(arrow.gif) 7px 7px no-repeat; padding-left:5px; color:#FF3300; text-align:left;}
.pautodiv ul{width:260px; margin-top:-2px; text-align:left;}
.pautodiv ul li{width:200px; margin-left:7px; height:18px; line-height:18px; border-bottom:0px #b2b2b2 dashed; text-align:left;}
.pautodiv ul li.li1 a{color:#0a3168; text-align:left;}
.pautodiv ul li.li1 a:hover{color:#dc0000; text-align:left;}

.formlin{padding: 2px 0 2px 0; margin:2px 0 2px 0; border:1px solid #000000;}

.prautodiv{width:320px; height:auto; border:0px #ccc solid; overflow:hidden; margin: 0 0 0 0px; text-align:left;}
.prautodiv .bt{height:18px; line-height:18px; text-align:left;}
.prautodiv .bt h2{background:url(arrow.gif) 7px 7px no-repeat; padding-left:5px; color:#FF3300; text-align:left;}
.prautodiv ul{width:300px; margin-top:-2px; text-align:left;}
.prautodiv ul li{width:300px; margin-left:7px; height:18px; line-height:18px; border-bottom:0px #b2b2b2 dashed; text-align:left;}
.prautodiv ul li.li1 a{color:#0a3168; text-align:left;}
.prautodiv ul li.li1 a:hover{color:#dc0000; text-align:left;}
