/* Radoslav Main Style Sheet */
* { margin:0; padding:0;}

body { position:relative; margin:0 auto; min-width:998px; max-width:1574px;}
body, td { font:14px/18px Tahoma; color:#333;}
img, table { border:0;}
ul { list-style:none;}
	#content ul, #content ol { margin:0 0 20px 0;}
		#content li { padding:4px 0 4px 20px; background-position:-23px -19px!important; line-height:24px;}
			#content li li { padding-left:14px; background-position:-4px -190px!important;}
				#content li li li { padding-left:10px; background-position:0 -211px!important;}
		#content ol li { margin-left:32px; padding-left:0; background:none!important;}
		#content ul.list { margin-top:10px;}
		#content ul.list li { padding-left:0; background:none;}
		#content ul.list a { padding-left:20px; background-position:-23px 5px!important;}
		#content ul.list a:hover { background-position:-23px -26px!important;}
		#content ul.list3 a { padding-left:20px; background-position:-23px 4px!important;}
		#content ul.list3 a:hover { background-position:-23px -27px!important;}
	#sitemapP #content ul { margin:0;}
	#sitemapP #content ul a { color:#333;}
	#sitemapP #content ul a:hover { color:#214cd8;}

:focus { outline:none;}
a { color:#214cd8; text-decoration:underline;}
	a:hover { text-decoration:none;}
	a.all { font-size:11px!important; font-family:Tahoma; color:#214cd8!important;}
	a.top { display:block; float:right; font-size:12px;}
	a.mapV { padding:0 6px; font-size:11px;}
p { padding-bottom:8px;}
h1 { font:22px/24px Trebuchet MS; color:#263b7a;}
	#page h1 { padding:30px 0 22px 0;}
h2 { padding-bottom:8px; font:16px/18px Trebuchet MS; text-transform:uppercase;}
h3 { padding-bottom:10px; font:16px/normal Tahoma; color:#3953a4;}
	.source h3 { padding-bottom:0; font-size:14px; font-style:italic;}
	h3.special { padding-top:12px;}
h4 { padding-bottom:4px; font:bold 13px/normal Tahoma; color:#000;}
	#specials h4 { font:bold 12px/normal Verdana;}
a.pdf { float:right; display:block; margin:0 0 8px 12px; padding:70px 0 0 0; width:144px; font-size:12px; line-height:14px; background:url(../images/ico-pdf.png) center 0 no-repeat; text-align:center;}
a.print, a.pda { margin:8px 0 0 0; font-size:11px; color:#fff; white-space:nowrap;}
a.pda { float:left; margin-left:1px}
a.print { float:right; margin-right:6px;}
.house { float:right; margin:0 0 8px 18px; padding-top:60px; display:block; width:100px; font-size:12px; line-height:14px; background:url(../images/ico-house.jpg) center 0 no-repeat; text-align:center;}
.talk1 { font-style:italic; font-weight:bold;}
.left { float:left;}
	#news_pressP .left { margin:0 18px 12px 0;}
.right { float:right!important; margin:0 0 8px 12px!important; padding:0!important;}
.red { color:red!important;}
.special { color:#fa8700!important;}
	#designsP .special { font-size:16px;}

#header { position:relative; height:189px; border-bottom:3px solid #000; background:url(../images/bg-header.jpg) 211px 0 no-repeat;}
	.tagLine { padding:4px 4px 3px 4px; font:14px/normal Arial; color:#fff4e7; text-transform:uppercase; text-align:center; background:#283d7b;}
	#header h1 { text-indent:-10000px;}
	#logo { display:block; position:absolute; left:22px; top:40px; width:216px; height:112px; background:url(../images/logo-radoslav.png) 0 0 no-repeat;}
	.search { position:relative; float:right; right:26px; padding:13px 0 0 5px; width:256px; height:52px; background:url(../images/bg-search.png) bottom no-repeat;}
		.search input { float:left; padding:2px 0 0 4px; width:225px; height:17px; font:12px/normal Tahoma; color:#4f4f4f; border:1px solid #4d4d4d;}
		.search input.go { padding:0; width:19px; height:21px; text-indent:-10000px; border:0; cursor:pointer;}
	
#topNav { position:absolute; right:26px; top:169px;}
#topNav li { position:relative; float:left; padding:0 0 0 4px;}
#topNav li.calc { display:none;}
#topNav a { display:block; float:left; padding:2px 9px 0 9px; height:17px; font:bold 10px/normal Tahoma; color:#333; text-transform:uppercase; text-decoration:none; background:url(../images/bg-topNav.png) right bottom no-repeat #fff;}
#topNav a:hover, #topNav li:hover a { color:#2346b4;}
	#topNav ul { display:none; z-index:10; position:absolute; right:-24px; top:23px; width:140px; border:1px solid #d2e5ff;}
	#topNav li:hover ul { display:block;}
	#topNav li li { position:static; float:none; padding:0;}
	#topNav li li a, #topNav li:hover li a { padding:3px 9px 4px 9px; height:auto; font-size:11px; font-weight:bold; color:#000; text-transform:none; background:#d2e5ff;}
	#topNav li li a:hover, #topNav li:hover li a:hover { color:#000; background:#fff;}
	#topNav	.proj a { width:100px;}
	#topNav	.proj li a { width:124px;}
	
#page { padding-bottom:22px; border-left:2px solid #283d7b;}
	#home #page { padding-bottom:11px;}
#page:after, #content:after { content:""; display:block; clear:both;}
	#col { position:relative; float:left; padding-left:5px; padding-right:8px; width:232px;}
	#content { z-index:0; padding-top:10px; margin-left:302px; padding-right:40px;}
	#home #content { position:relative; margin-top:338px; margin-left:282px; padding-left:0;}
	
#footer { clear:both; padding:10px; font:11px/normal Tahoma; color:#fff; background:#283d7b;}
	#footerNav { float:right;}
	#footer p { padding:0;}
	#footerNav li { float:left; margin-left:10px; padding-left:14px;}
		#footerNav li:first-child { background:none!important;}
	#footerNav a { font:11px/normal Tahoma; color:#fff; text-decoration:none;}
	#footerNav a:hover { text-decoration:underline;}

#mainNav { position:relative; margin:-30px -12px 0 -7px;}
	#mainNav .top, #mainNav .bot { margin-right:10px; height:10px;}
	#mainNav .top, #mainNav .bot, #mainNav .content { background:url(../images/bg-nav-back.png) 0 0 repeat-y #3952a3;}
	#mainNav .corner { width:10px; height:10px;}
	#mainNav .tr { right:0; top:0;}
	#mainNav .bl { width:8px; height:8px; left:0; bottom:-8px;}
	#mainNav .br { right:0; bottom:0;}
	
	#mainNav li { position:relative; border-bottom:1px solid #3953a4; background:url(../images/bg-nav.png) 0 bottom no-repeat;}
	#mainNav a { display:block; padding:12px 22px 12px 4px; font-size:17px; color:#fff; text-decoration:none; text-align:right;}
		#mainNav a:hover, #mainNav li:hover a { background:url(../images/bg-nav-ov.png) 0 bottom no-repeat;}
	
	#mainNav li ul { z-index:10; display:none; position:absolute; right:-220px; top:0; width:219px; border-left:1px solid #fff;}
	#mainNav li:hover ul { display:block;}
	#mainNav li li { background:#304794; border-bottom:1px solid #283d7b;}
	#mainNav li ul a, #mainNav li:hover ul a { padding:6px 16px; text-align:left; font-size:12px; line-height:14px; background:none;}
		#mainNav li ul a:hover, #mainNav li:hover ul a:hover { background:#283d7b;}
		
	#mainNav li.selected a { color:#fffe89; border-bottom:1px solid #182c66; background:url(../images/bg-nav.png) 0 bottom no-repeat;}
	#mainNav li.selected ul li.selected a, #mainNav li.selected ul li.selected a:hover, #mainNav li.selected li.selected ul li.selected a, #mainNav li.selected li.selected ul li.selected a:hover { color:#fffe89; /*background:none; cursor:default;*/}
	#mainNav li.selected ul { display:block; position:relative; right:auto; width:auto; border-top:1px solid #243977; border-left:0;}
	#mainNav li.selected ul li { border-bottom:0; background:#263b7a;}
	#mainNav li.selected ul li a { padding:6px 24px; text-align:right; color:#fff; border-bottom:0; background:none;}
	#mainNav li.selected ul li a:hover { background:#1f336e;}

	#mainNav li:hover ul ul, #mainNav li.selected ul ul { display:none;}
	#mainNav li li:hover ul { display:block; position:absolute; right:-220px; top:0; width:219px; border-left:1px solid #fff;}
		#mainNav li li:hover ul a { text-align:left;}
	#mainNav li.selected li.selected ul { display:block; position:relative; margin-right:20px; right:auto; width:auto; border-top:1px solid #243977; border-left:0;}
	#mainNav li.selected li.selected ul li { border-bottom:0; background: url(../images/bg-nav-2.png) left repeat-y #314890;}
	#mainNav li.selected li.selected ul li a { padding:4px 24px; text-align:right; color:#fff; border-bottom:0; background:none;}
	#mainNav li.selected li.selected ul li a:hover { background:#1f336e; color:#fff;}

#flash { position:relative; z-index:0;  margin-bottom:-460px; height:510px; background:url(../images/bg-flash-back0.jpg) 0 0 repeat-x;}

#news {}
	#news a { display:block; padding:6px 0; font-size:12px; color:#333;}
	#news a.all { text-align:right;}
	#news h3 b { position:absolute; right:-8px; top:-5px; display:block; width:125px; height:38px; background:url(../images/pic-news.png) 0 0 no-repeat;}
	#news .content { padding-top:12px;}
	
#partners h3 { margin:0 -4px; padding-bottom:2px; background:none; border:0; font:bold 12px/16px Tahoma; color:#333;}
#partners .content { margin-top:0; padding-bottom:4px; text-align:center;}
#partners .content div { padding:12px 0 4px 0;}
#partners a { position:relative;}

#specials { float:left; width:43%; min-width:318px;}
	#specials .box5 { margin-bottom:8px; font:11px/15px Verdana;}
	#specials img.pic { max-width:110px;}
	#specials p { padding-bottom:6px;}
#advantages { float:left; margin-left:3%; width:49%; font-size:12px; line-height:16px;}
	#advantages .sep { margin:10px 0 11px 0; height:6px; background:url(../images/sep1.png) no-repeat;}
	#advantages .content { min-height:238px;}
	
.pic { float:left; margin-right:15px; border:1px solid #555;}
.pic2 { border:0;}
.itemsBox { padding:25px 0 15px 0; overflow:hidden;}

#galleryP .itemsBox { overflow:hidden; _height:2px; _overflow:visible;}
.item3 { margin:0 0 30px 0; overflow:hidden; _height:2px; _overflow:visible;}
	.title3 { padding-bottom:8px; font-weight:bold;}
	.title3 a { margin-left:12px; font-size:11px; font-weight:normal;}

a.picItem { display:block; float:left; margin:0 15px 15px 0; width:230px; cursor:pointer;}
	.picItem .contentS2 { text-align:center;}
	.picItem .contentS2 div { width:200px; height:149px; overflow:hidden;}
	.picItem .contentS2 p { margin:0 0 -4px 0; padding:5px 4px; font:normal 11px/11px Tahoma; height:22px; color:#333; background: url(../images/bg-picItem-title.png) center top repeat-y #e7e7e7;}
	.itemsBox .picItem:hover .contentS2 p { color:#000; background: url(../images/bg-picItem-title-ov.png) center top repeat-y #ffdfa5;}
	.picItem img { max-height:169px;} 
	
	#galleryP .itemsBox { padding-top:0;}
	#galleryP a.picItem { width:210px; text-decoration:none;}
	#galleryP .picItem .contentS2 div { width:180px; height:130px;}
	#galleryP .picItem img { margin:0 auto; max-height:135px;}

.picItem2, .picItem3 { display:block; float:left; margin:0 18px 12px 0; padding:2px; border:1px solid #a8a8a8; cursor:pointer; text-align:center;}
.picItem3 { float:right; clear:right; margin:0 0 12px 18px;}
	.picItem2:hover, .picItem3:hover { border-color:#f2c371;}
	.picItem2 img, .picItem3  img { max-width:200px;}
	.picItem2 b { display:block;}

.pageNav { color:#666;}
	.pageNav, .pageNav a { font-size:12px;}
.source { padding:0 0 22px 0; font-style:italic;}

p.date, p.region { padding:0; font-size:12px; color:#666;}
p.date2 { margin:30px 0 -20px 0;}
.item { padding:0 0 18px 0;}
.item h2 { padding:0; text-transform:none;}
	.item h2 a { color:#000;}
	
.container { overflow:hidden;}
.map { display:block; float:left; margin:0 30px 0 0; padding:2px; border:1px solid #a8a8a8; cursor:pointer;}
	.map:hover { border-color:#f2c371;}
	.map span { display:block; width:150px; height:188px; overflow:hidden;}
	.map img { margin:-2px 0 0 -32px; width:500px;}

p.textField, div.textField { overflow:hidden; padding-bottom:8px;}
.textField label { display:block; float:left; padding-right:6px;}
.textField .textField { padding:2px 0 0 2px; height:18px; font:12px Tahoma; color:#333; border:1px solid #a8a8a8;}
.textField select.textField { padding:0; height:20px;}

.but { font:12px Tahoma; text-transform:uppercase; color:#333;}

.linkArea { padding:16px 0 6px 0; overflow:hidden;}

.fieldArea { padding:52px 0 0 0;}
.fieldArea h2 { padding-bottom:16px; font:22px/24px Trebuchet MS; color:#263b7a; text-transform:none;}
#content p.info { font-size:12px; color:#666;}
.fieldArea .textField label { width:177px;}
.fieldArea .textField .textField { width:250px;}
.fieldArea .textField select.textField { width:254px;}
.fieldArea .textField textarea.textField { width:450px; height:74px;}
.fieldArea .butArea { padding:14px 0 0 183px;}
.fieldArea .but { padding:0; width:99px; height:28px; border:0; background:url(../images/but.png) 0 0 no-repeat;}
	.fieldArea .but:hover { background-position:0 -29px; cursor:pointer;}
#codePic { padding-bottom:4px;}
.code input { margin-left:183px;}

/* separators */
.sep { clear:both;}

/* corners */
.corner { display:block; position:absolute; overflow:hidden;}
	#topNav .top { display:block; padding:2px; margin:0 4px; background:url(../images/bg-topNav.png) right 0 no-repeat #fff;}
	#topNav .corner { width:4px; height:4px;}
	#topNav .tl { left:4px; top:0;}
	#topNav .tr { right:0; top:0;}
b.shadow, span.shadow { position:absolute; bottom:0; display:block; width:34px; height:40px; background:url(../images/shadow.png) right bottom no-repeat;}
	#partners span.shadow { right:-25px; bottom:-2px; /bottom:-3px; width:25px;}
	.box10 b.shadow { z-index:0; right:-35px; opacity:0.9;}
	
/* boxes */
.box { z-index:0; position:relative; margin-top:11px;}
	.box5 { margin-top:0;}
	.box .title { overflow:hidden;}
	.box h2, .box h3, .box .content { padding-left:14px; padding-right:14px; border-left:1px solid #123456; border-right:1px solid #123456;}
	.box10 h2 { float:left; padding:0; border:0;}
		.box10 h2 span { display:block; padding:0 14px 13px 14px; border-left:1px solid #123456; border-right:1px solid #123456;}
	.box .content { margin-top:0; padding-top:8px;}
		.box10 .content { position:relative; z-index:1; padding-bottom:4px;}
	.box .topT, .box .top, .box .bot { position:relative; margin:0 8px; height:7px;}
		.box .top { margin-top:-6px;}
		.box2 .top { margin-top:0;}
		.box10 .topT, .box10 .top, .box10 .bot { margin:0 10px; height:9px;}
		.box10 .topT {}
		.box10 .top { margin-top:-8px;}
		.box .topS, .box .botS { z-index:0; position:relative; margin:0 8px; height:7px;}
	.box .topT, .box .top, .box .topS { border-top:1px solid #123456;}
	.box .bot, .box .botS { border-bottom:1px solid #123456;}
	.box .corner { width:8px; height:8px;}
		.box10 .corner { width:10px; height:10px;}
		.box5 .corner { width:8px; height:8px;}
	.box .tl { left:-8px; top:-1px;}
	.box .tr { right:-8px; top:-1px;}
	.box .bl { left:-8px; bottom:-1px;}
	.box .br { right:-8px; bottom:-1px;}
	.box10 .tl { left:-10px; top:-1px;}
	.box10 .tr { right:-10px; top:-1px;}
	.box10 .bl { left:-10px; bottom:-1px;}
	.box10 .br { right:-10px; bottom:-1px;}
	.box5 .tl { left:-8px; top:-1px;}
	.box5 .tr { right:-8px; top:-1px;}
	.box5 .bl { left:-8px; bottom:-1px;}
	.box5 .br { right:-8px; bottom:-1px;}

.box1 h2, .box1 h3, .box1 .content, .box1 .topT, .box1 .top, .box1 .bot { border-color:#8dbbf7;}
.box1 .content, .box1 .top { background:url(../images/bg-box1.png) 0 0 repeat-x #fff;}
.box1 h3 { background:url(../images/bg-box1-top.png) 0 -10px repeat-x #eeeff0;}
.box1 h2 { color:#467cb7;}
.box1 .topT, .box1 .bot { background:#fff;}
.box2 .content, .box2 .topT, .box2 .top, .box2 .bot { border-color:#93c749;}
.box2 .content, .box2 .bot { background:url(../images/bg-box2-bot.png) bottom repeat-x;} 
.box2 .contentS, .box2 .top { background:url(../images/bg-box2.png) 0 0 repeat-x #fff;}
.box3 h2 span, .box4 h2 span { background:url(../images/bg-box1-top.png) 0 -10px repeat-x #eeeff0;}
.box3 h2 { color:#fa8700;}
.box3 h2 span, .box3 .content, .box3 .topT, .box3 .top, .box3 .bot { border-color:#f2c371;}
.box3 .topT { background:#fff;}
.box3 .content, .box3 .top { background:url(../images/bg-box3.png) 0 0 repeat-x #fff0ce;}
.box3 .content { background-position:0 -8px;}
.box3 .bot { background:#fff0ce;}
.box4 h2 { color:#467cb7;}
.box4 h2 span, .box4 .content, .box4 .topT, .box4 .top, .box4 .bot { border-color:#b7d3f2;}
.box4 .topT { background:#fff;}
.box4 .content, .box4 .top { background:url(../images/bg-box4.png) 0 0 repeat-x #f3f9ff;}
.box4 .content { background-position:0 -8px;}
.box4 .bot { background:#f3f9ff;}

.box5 .contentS { border-left:1px solid #123456; border-right:1px solid #123456; background:url(../images/bg-box5.png) top repeat-x #e5e5e5;}
.box5 .contentS, .box5 .topS, .box5 .botS { border-color:#cdcdcd;}
.box5 .topS { background:#fff;}
.box5 .botS { background:#e5e5e5;}
.box5 .topS, .box5 .botS { position:relative; margin:0 8px; height:7px;}
.box5 .contentS2 { padding:4px 12px; overflow:hidden; background:url(../images/bg-box5-2.png) 0 0 no-repeat;}

.itemsBox .box5:hover .contentS { border-left:1px solid #123456; border-right:1px solid #123456; background:url(../images/bg-box5ov.png) top repeat-x #ffdc9c;}
.itemsBox .box5:hover .contentS, .itemsBox .box5:hover .topS, .itemsBox .box5:hover .botS { border-color:#f2c371;}
.itemsBox .box5:hover .topS { background:#fff;}
.itemsBox .box5:hover .botS { background:#ffdc9c;}
.itemsBox .box5:hover .topS, .itemsBox .box5:hover .botS { position:relative; margin:0 8px; height:7px;}
.itemsBox .box5:hover .contentS2 { padding:4px 12px; overflow:hidden; background:url(../images/bg-box5-2ov.png) 0 0 no-repeat;}

/* bg */
#footerNav li { background:url(../images/sprite.gif) 0 0 no-repeat;}
#footerNav li { background-position:0 5px;}

#topNav .corner, .box .corner, #mainNav .corner, input.go, #content li, #content ul.list a { background:url(../images/sprite-t.png) no-repeat;}
#topNav .tl { background-position:0 0;}
#topNav .tr { background-position:-4px 0;}
.box1 .tl { background-position:0 -5px;}
.box1 .tr { background-position:-8px -5px;}
.box1 .topT .tl { background-position:0 -22px;}
.box1 .topT .tr { background-position:-8px -22px;}
.box1 .bl { background-position:0 -13px;}
.box1 .br { background-position:-8px -13px;}
.box2 .tl { background-position:0 -31px;}
.box2 .tr { background-position:-8px -31px;}
.box2 .bl { background-position:0 -39px;}
.box2 .br { background-position:-8px -39px;}
.box3 .tl { background-position:0 -48px;}
.box3 .tr { background-position:-10px -48px;}
.box3 .topT .tl { background-position:0 -69px;}
.box3 .topT .tr { background-position:-10px -69px;}
.box3 .bl { background-position:0 -58px;}
.box3 .br { background-position:-10px -58px;}
.box4 .tl { background-position:0 -80px;}
.box4 .tr { background-position:-10px -80px;}
.box4 .topT .tl { background-position:0 -101px;}
.box4 .topT .tr { background-position:-10px -101px;}
.box4 .bl { background-position:0 -90px;}
.box4 .br { background-position:-10px -90px;}
.box5 .tl { background-position:0 -112px;}
.box5 .tr { background-position:-8px -112px;}
.box5 .bl { background-position:0 -120px;}
.box5 .br { background-position:-8px -120px;}
.itemsBox .box5:hover .tl { background-position:0 -172px;}
.itemsBox .box5:hover .tr { background-position:-8px -172px;}
.itemsBox .box5:hover .bl { background-position:0 -180px;}
.itemsBox .box5:hover .br { background-position:-8px -180px;}
#mainNav .tr { background-position:0 -129px;}
#mainNav .br { background-position:0 -139px;}
#mainNav .bl { background-position:-11px -129px;}
input.go { background-position:0 -150px;}

.licenseItem { display:block; float:left; margin:0 22px 22px 0; padding:2px; width:150px; height:212px; border:1px solid #a8a8a8; cursor:pointer; text-align:center;}
	.licenseItem:hover { border-color:#f2c371;}
	.licenseItem b { display:block; width:150px; height:212px; overflow:hidden; text-align:center; vertical-align:middle;}
	.licenseItem img { margin:0 auto; max-height:212px;}
	
.designItem { overflow:hidden; }
.designItem .pic { display:block; float:left; margin:0 22px 22px 0; padding:2px; width:133px; border:1px solid #a8a8a8; cursor:pointer; text-align:center;}
	.designItem .pic:hover { border-color:#f2c371;}
	.designItem .pic img { margin:0 auto; max-width:133px;}
	.designItem h3 a { font:bold 14px/normal Tahoma; color:#3953a4;}
#designsP .bigPic { display:block; margin-top:12px; width:630px; padding:2px; border:1px solid #fff;}
	#designsP .bigPic:hover { border-color:#f2c371;}
	#designsP .bigPic img { width:630px;}

#dealersP td { padding:0 10% 22px 0; width:40%; vertical-align:top;}
#dealersP td h3 { padding:8px 0; font:bold 16px/18px Tahoma; color:#333;}
img.akris { position:absolute; margin:-8px 0 0 8px;}

table.table { margin-bottom:8px; border-collapse:collapse;}
	#priceP table.table { margin-bottom:18px;}
table.table td { padding:4px; text-align:center; border:1px solid #8dbbf7;}
table.table .title td { font-size:12px; line-height:14px; color:#3976d3; background:#d2e5ff;}
table.table td.title2, table.table td.num { font-size:12px; color:#3976d3;}
table.table td.descr { text-align:left;}
table.table td.price { white-space:nowrap;}
table.table .title td.price { white-space:normal;}

#products_and_servicesP #page { background:url(../images/products_and_servicesP.jpg) right top no-repeat;}
#mountingP #page { background:url(../images/mountingP.jpg) right top no-repeat;}
#companyP #page { background:url(../images/aboutP.png) right top no-repeat;}
#contactsP #page { background:url(../images/contactsP.jpg) right top no-repeat;}
#news_pressP #page { background:url(../images/news_pressP.jpg) right top no-repeat;}
#linksP #page { background:url(../images/linksP.jpg) right top no-repeat;}

#videoP #page { background:url(../images/videoP.jpg) right top no-repeat;}
#galleryP #page { background:url(../images/galleryP.jpg) right top no-repeat;}