/* 
	color-info:
	border-blue: #25b5ff 
	link-red: ff495f
*/


*, html, body { margin:0; padding:0; border:0; }
*, html, body	{ margin:0; padding:0; border:0; }
body 	{ font:14px "Trebuchet MS", Arial, Tahoma, sans-serif; background:#fff; line-height:154%; background:#262626; }

h1, h2, h3, h4, h5, h6, a { padding:0; margin:0 }
a 		{ color:#ff495f; text-decoration:none; }
a:hover { color:#999; }
input 	{ border:2px solid #f2f2f2; padding:0; width:150px; margin-right:20px; }
ul { list-style-type:none; padding:0; margin:0; }

/* left */
#left  { width:700px; float:left; }
#left h2 { padding-left:5%; }
#left p  { padding:1% 5%; }

#top  { background: url(/resources/images/layout/back-top.gif) no-repeat left bottom; min-height:161px; }
* html #top		{ height:161px; }
#top h2 a		{ width:360px; height:80px; display:block; position:relative; left:-10px; top:60px; /* border:1px solid red; */ }
.homeLink		{ position:relative; left:-10000px; overflow:hidden; }
.signature 		{ color:#a9a9a9; }
#top h1.signature { margin:50px 0 0 350px; padding:2px; }

#middle { background: url(/resources/images/layout/back-middle.gif) repeat-y; padding:20px 0 100px 0; min-height:400px; }
* html #middle { height:400px; }

#bottom { background: url(/resources/images/layout/back-bottom.gif) no-repeat left bottom; min-height:140px; }
* html #bottom 	{ height:140px; }
#bottom h2 a	{ width:290px; height:70px; display:block; position:relative; left:350px; top:60px; /* border:1px solid red; */ }
#bottom h1.signature { margin:-22px 0 0 12px; }

/* right */
#right { width:212px; float:left; color:#fff; margin-top:150px; }


/* roof */
#roofWrapper			{ height:45px; color:#fff; background: url(/resources/images/layout/roof.gif) repeat-x 0 0; border-bottom:1px solid #000; }
#roof					{ width:900px; height:45px; margin:0 auto;}
#roof ul 				{ padding-top:8px; list-style-type:none; float:right; margin-right:60px; }
* html #roof ul 		{ margin-right:0px; }
#roof ul li 			{ float:left; font:12px Georgia, sans-serif; text-align:center; border-right:1px solid #444; }
#roof ul li.first		{ width:200px; height:28px; padding:8px 20px 0 0; text-align:right; }
#roof ul li.first a		{ display:inline; padding-left:4px; color:#25b5ff; }
#roof ul li.first a:hover	{ background: none; }
#roof ul li a 			{ display:block; height:28px; color:#25b5ff; padding:0 10px; width:90px; padding-top:8px; }
#roof ul li a:hover 	{ color:lime; background: url(/resources/images/layout/roof.gif) repeat-x 0 0; }
#roof ul li.rss 		{ width:30px; border-right:0; background:none; }
#roof ul li.rss a		{ width:30px; padding-top:0; }
#roof ul li.rss img		{ height:30px; width:30px; }
#roof ul li.rss a:hover	{ }
#roof ul li.search 		{ width:140px; border-right:0; padding:0 20px; }

#uglyLogo	{ width:600px; display:block; position:relative; top:100px; left:450px; margin-top:-95px; }

/* header */

/* searchbox */
.searchbox {}
.searchbox label { padding:0; margin:0; font-size:20px; display:block; }
.searchbox input { font-size:20px; width:164px; padding:0 0 0 2px; color:#ff495f; border:2px solid #ccc; background:#f3f3f3; }
.searchbox input:hover {}

/* container */
#container { width:100%; }
* html #container { width:99.9%; }

/* content */
#contentWrapper { width:100%; background:#262626; padding:20px 0; }
#content { margin:auto; text-align:left; width:980px; overflow:hidden; text-align:justify; font:12px arial, sans-serif; }
#content h1, #content h2 { font:20px Georgia, "trebuchet ms", serif; text-transform:uppercase; }

#subContent { clear:left; padding:10px 0.5%; }

/* footer */
#footerWrapper  { width:100%; background:#1e1e1e; padding:6px 0; border-top:1px solid #000; color:#eee; }
#footer 		{ 
	width:900px; margin:10px auto;overflow:hidden; margin-top:3px; font:bold 14px "trebuchet ms", georgia, serif;
}

#footerBanners {float:left;}
#footerBanners a#dts {
	float:left; border:0; background:transparent url(/resources/images/layout/drustvo-termicara.gif) no-repeat 0 -60px; display:block;
	width: 60px; height:60px; margin-right:5px;
}
#footerBanners a#dts:hover  { background:transparent url(/resources/images/layout/drustvo-termicara.gif) no-repeat 0 0px; }
#footerBanners #dtsText 	{ width:120px; float:left; text-align:left; line-height:12px; }
#footerBanners #dtsText a   { font:normal 12px arial, sans-serif; color:#666; text-align:left; padding-left:0; }

#footer a		{ color:#369; font:normal 12px arial, helvetica, sans-serif; }
#footer a:hover	{ color:#d22; background:#fff; border-top:1px solid #333; border-bottom:1px solid #333; }
#footer ul 		{ margin-right:20px; float:left; display:block; width:140px; }
#footer ul li		{ border-bottom:1px solid #333; text-transform:lowercase; line-height:12px; }
#footer ul li.last 	{ border-bottom:none; }
#footerContent 		{ width:100%; display:block;  }

#copyright { font:normal 13.4px "trebuchet ms", georgia, serif; color:#999; text-align:center; background:#262626; border-top:1px solid #000; padding-top:2px; }

/* page */
#page { padding:10px 20px; }
#page h1 { font:24px helvetica, arial, sans-serif; text-transform:uppercase; color:#ccc; text-align:left; }
.email { visibility:hidden; }
.tooltip 	{ position:absolute; background:#eee;  border-bottom:2px solid #ccc; color:#000; display:block; padding:10px; width:200px; margin:-10px 0 0 -10px; }
#pageLeft { width:48%; float:left; display:block; }
ol li { margin:10px 10px 10px 15px; }
#pageRight { width:48%; float:left; display:block; }
#toggler { color:#aaa; text-align:center; margin-bottom:10px; background: url(/resources/images/layout/toggler.gif) no-repeat center top; line-height:26px; height:28px; }
#pageLeft ul li, #pageRight ul li { margin:10px 10px 10px 15px; }


/* utils */
.clear { clear:both;  }
.right { clear:right; }
.left  { clear:left;  }
.onHover { background:#f3f3f3; }
.hilite { background:#fcffcd; border:2px solid #ccc; }

#error, #message { 
	width:800px; margin:0 auto; border:2px solid #eee; padding:12px; text-align:center; font:20px "trebuchet ms", georgia, serif; 
	text-transform:uppercase; color:#fff; margin-top:4px;
}
#error 	 { background:#f99; }
#message { background:#25b5ff; }

/* navigation */
#navigation ul   	  	  { }
#navigation ul li  	  	  { display:block; border-bottom:1px solid #25b5ff; }
#navigation ul li.last 	  { border-bottom:0; }
#navigation ul li a 	  { display:block; font-size:14px; line-height:24px; text-transform:uppercase; padding-left:7px; }
#navigation ul li a:hover { background:#25b5ff; color:#fff; }
#navigation ul li.first a:hover { background:transparent; color:lime; }
#navigation ul li.rss a:hover   { background:#f63; }

/* news */
#news ul li { margin-bottom:10px; border-bottom:1px solid #eee; padding-bottom:0 0 6px 0; }

#news ul li .date 	{ display:block; float:left; background: url(/resources/images/icons/date.gif) no-repeat; padding:2px 0; margin-right:4px; width:40px; height:50px; }
#news ul li .month 	{ display:block; text-align:center; text-transform:uppercase; color:#eee; margin-top:-1px; font-weight:bold; }
#news ul li .day	{ padding:1px 4px; display:block; text-align:center; font: normal 20px arial, sans-serif; color:#626262; }

#news ul li h3.title { text-transform:uppercase; margin-bottom:4px; border-bottom:1px solid #e3e3e3;}
#news ul li h3.title a { color:#25b5ff; font-size:16px; }
#news ul li .newsBox   { float:left; width:90%; }
#news ul li .excerpt   { }
#news ul li .thumb 	   { }
#news ul li .thumb img { float:left; overflow:hidden; padding:2px; border:1px solid #eee; margin-right:6px; width:100px; }
#news ul li .textBox   { float:left;  }

/* newsflash */
#newsflash 			{ float:right; width:200px; margin:0 20px 0 10px; text-align:left; padding:3px 5px; border:1px solid #f3f3f3; }
#newsflash h1 		{ font:normal 18px georgia, sans-serif; display:block; text-align:right; color:#a9a9a9; background:#f3f3f3; margin-bottom:2px; padding-right:2px; border-bottom:1px solid #e3e3e3; }
#newsflash ul li	{ border-bottom:1px solid #f3f3f3; margin-bottom:3px; }
#newsflash ul li.last	{ border:0; margin-bottom:3px; }
#newsflash h3 		{ display:inline; font:bold 14px arial, sans-serif; border-bottom:1px solid #eee; text-align:left; line-height:18px; text-transform:uppercase;}
#newsflash ul li h3 a	{ color:#8DAFE1; }
#newsflash .date 	{ display:block; float:left; background: url(/resources/images/icons/date.gif) no-repeat; padding:2px 0; margin-right:4px; width:40px; height:50px; }
#newsflash .month 	{ display:block; text-align:center; text-transform:uppercase; color:#eee; margin-top:-1px; font-weight:bold; }
#newsflash .day 	{ padding:1px 4px; display:block; text-align:center; font: normal 20px arial, sans-serif; color:#626262; }
#newsflash .summary { font-size:11px; padding:4px; text-align:justify; line-height:12px; }

#subContent h2 { margin:10px 0; }
#subContent .newsflash ul li { width:17.40%; margin-right:1%; padding:0 1.5% 0 0; border-right:1px solid #eee; border-bottom:0 }
* html #subContent .newsflash ul li { width:17.1%; }
#subContent .newsflash ul li h3 { text-align:left; }
#subContent .newsflash ul li.last { border-right:0; }
#pageImage { border:1px solid #eee; padding:4px; margin:0 0 4px 10px; float:right; display:block; } 
#download img { border:1px solid #eee; padding:4px; margin:0 0 4px 10px; float:right; display:block; } 
#download span { font-size:20px; float:right; padding-top:30px; }

ul.listOfItems li { margin-bottom:10px; } 
.pageThumb { border:1px solid #eee; padding:4px; margin:0 10px 4px 0; float:left;} 

/* - search - */
#searchResults { min-height:300px; }
* html #searchResults { height:300px; }
#searchResults ul li { margin:10px; padding:2px 0; }
#searchResults ul li h1.title { font:18px "trebuchet ms", georgia, serif; }
#searchResults ul li .content { padding:2px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#searchResults ul li .content:hover { background:#f3f3f3; }
#searchResults ul li .url a   { padding-top:2px; }

/* login */
#loginForm { float:left; display:block; width:47%; padding-right:2%; }
#loginInfo { float:left; display:block; width:47%;  }
#loginForm label { width:90px; font-size:16px; padding:2px; disply:block; float:left; }
#loginForm input { width:150px; font-size:16px; padding:2px; margin-bottom:10px; }

#lostPassword {}
#lostPassword input { width:250px; font-size:16px; padding:2px; margin-bottom:10px; }
#lostPassword input#submit { width:100px; margin-left:40px; }
#lostPassword label { margin-left:20px; width:120px; font-size:16px; padding:2px; disply:block; float:left; }

/* - contact */
#contact 				{ min-height:300px; } 
* html #contact 		{ height:300px; }
#contact form 			{ width:680px; }
#contactLeft, #contactRight { width:47%; float:left; display:block; padding-left:1px; }
#contactLeft  { border-right:1px solid #eee; padding-right:10px; }
#contactRight { }

#contactFormMessage 	{ width:300px; border:2px solid #eee; height:360px; font-size:12px; }
#contactFormRecipient	{ border:2px solid #eee; width:305px; }
#contactSubmit			{ border:2px solid #eee; font-size:20px; margin-left:10px; }
.contact 				{ width:300px; font-size:20px; margin:0 10px; }
.controlRow 			{ border:2px solid #fff; margin-bottom:20px; padding:2px; }
.fieldError				{ border:2px solid #f60; background:pink; }
.label					{ padding-left:10px; }
.fieldErrorList ul li 	{ padding-left:10px; font-size:14px; text-transform:uppercase; padding-top:4px; }

/* article */
#article p { padding:0; margin:0; }

/* Tube */
.YouTubeWrapper { padding:5px 0 5px 5px; border:1px solid #eee; width:431px; height:350px; float:left; margin-right:4px;
	background: url(/resources/images/layout/tubeload.gif) no-repeat 200px 150px; }
.YouTube { width:425px; height:350px; background:none; }

/* who's online */
#whosOnline { display:block; float:left; font: normal 11px Arial; color:#aaa; }
#whosOnline ul 	  { list-style-type: none; width:auto; }
#whosOnline ul li { list-style-type: none; width:auto; display:inline; border:0; border-right:1px solid #333; padding:0 4px; }
#whosOnline ul li.only 	{ padding-left:0; border-right:0; }
#whosOnline ul li.first { padding-left:0; }
#whosOnline ul li.last  { border-right:0; }
#whosOnline ul li span a		{  }
#whosOnline ul li span a:hover 	{ background:none; color:lime; }