@import "reset.css";
body { font-family: Arial;font-size:12px;line-height:18px;color:#fff;text-align:left; background-color:#000; padding:0; margin:0}


a       { color:#92c5d7; text-decoration:underline; cursor:pointer; outline:none; }
a:link  { color:#92c5d7; text-decoration:underline;}
a:hover { color:#92c5d7; text-decoration:none;}
a:active{ color:#92c5d7	; text-decoration:underline;}


.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.red { color:#FF0000;}
.grey{ color:#787878!important;}
.black{ color:#000}

.grid_1{
	width:400px
}
.grid_2{ width:660px}
.grid_3{ width:305px}
.grid_4{ width:220px}
.grid_5{ width:480px}
.grid_6{ width:385px}
.grid_7{ width:551px}
.grid_8{ width:156px}
.grid_9{ width:405px}
.grid_10{ width:510px}
.grid_11{ width:237px}
.grid_12{ width:292px}
.grid_13{ width:530px}
.grid_14{ width:394px}


.left_20{ margin-left:20px}
.right_20{
	margin-right:20px;
	margin-bottom: 20px;
}
.right_6{ margin-right:5px}
.bot_20{ margin-bottom:14px}
.margin_30{ margin-top:30px}
.margin_13{ margin-top:13px}
.margin_t15{ margin-top:15px}
.margin_5{ margin-top:8px}
.right_53{ margin-right:53px}
h1{ font-size:48px; color:#fff; line-height:48px; font-weight:normal; padding-top:22px}
	h1 a, h1 a:hover{ text-decoration:none!important; color:#fff}
	h1 a span{
	font-size:10px;
	text-transform:none;
	line-height:12px;
	display:block;
	padding-left:10px;
	color:#fff;
	padding-top: 80px;
	font-weight: normal;
}
	
	
	
	h3{
	font-size:18px;
	padding-bottom:30px;
	color:#fff!important
}
	
	
	
	
	a h5 span{ font-size:12px; color:#787878; font-size:12px; display:block; font-weight:normal; text-decoration:underline}
	h5{ font-size:24px; color:#3e3e3e; padding-left:13px; height:20px; margin-top:5px}
	a h5{ font-size:24px; color:#3e3e3e; padding-left:70px; height:50px; text-decoration:none!important}	
	a h5.bg_1{ background:url(../images/bg_1.jpg) 0px 50% no-repeat}
	a h5.bg_2{ background:url(../images/bg_2.jpg) 0px 50% no-repeat}
	a h5.bg_3{ background:url(../images/bg_3.jpg) 0px 50% no-repeat}
	a h5.bg_4{ background:url(../images/bg_4.jpg) 0px 50% no-repeat}
	a h5.samsung{ background:url(../images/samsung_logo.jpg) 0px 50% no-repeat}
	a h5.hitachi{ background:url(../images/bg_2.jpg) 0px 50% no-repeat}


	a:hover h5 { color:#02a2ce}
	a:hover h5 span{ color:#000}
.not{ text-decoration:none!important}	
	
	div.line{ height:1px; background-color:#c8c8c8; border-bottom:1px #fff solid; margin:6px 0px}

.other{ text-transform:uppercase; font-family:Alternate Gothic No2 D; font-size:24px; color:#eeeeee; line-height:30px; white-space:nowrap; font-weight:normal; text-align:center; letter-spacing:-0.03em}

.otherblack{
	text-transform:uppercase;
	font-family:Alternate Gothic No2 D;
	font-size:24px;
	color:#333333;
	line-height:30px;
	white-space:nowrap;
	font-weight:normal;
	text-align:left;
	letter-spacing:-0.03em;
	clear: both;
	padding-left: 25px;
}


.omega{ text-align:right}

.centr{ width:1000px; margin:0 auto; }

/*   -----------------------------------------------------------------------------*/ 
.top_content{ background:#499fbc url(../images/bg_site.jpg) top repeat-x;}
	.top_menu{ height:100px;}
	
	a.act{ color:#ff4242; background-color:#fff;}	
	
	.script{ padding:10px; background-color:#fff; height:380px}
	
	a.read_more{ background:url(../images/bg_read_more.png) top no-repeat; display:block; width:58px; height:48px; margin-top:315px; text-decoration:none!important; color:#0c6481; font-size:12px; font-family:Arial; text-transform:uppercase; padding-left:15px; padding-top:10px; font-weight:bold; margin-right:20px}
	
	a.read_more:hover{ color:#42aacc; cursor:pointer;}

	.bg_dsc b{ font-size:22px; color:#fff; display:block; margin-top:315px; height:60px; width:700px; font-weight:normal; padding-left:185px}
	
	.bg_dsc strong{ color:#ff3131; text-transform:uppercase; letter-spacing:-0.05em;font-size:22px;}
	
	.bg_dsc small{
	color:#7c7c7c;
	font-size:12px;
	line-height:18px;
	display:block;
	padding-top:5px;
	padding-right:110px
}
	
	
	.pad_20{ padding:20px}
	.pad_10{ padding: 0px 15px}
	.big_pin li{ width:198px; margin:0px 1px; color:#c3f0ff; float:left;}
	
	.big_pin li img{
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 2px solid #000000;
}
	
	a.black_more{ display:block; width:178px; height:40px; color:#499fbc; line-height:40px; text-decoration:none; font-weight:bold; text-transform:uppercase; background: url(../images/bg_black_more.jpg) top left no-repeat; padding-left:20px}
	a.black_more:hover{ color:#ff3f3f}
	
	li.color_1{ background-color:#03394b}
	li.color_2{ background-color:#054e66}
	li.color_3{ background-color:#0c6481}
	li.color_4{ background-color:#116c8a}
	li.color_5{ background-color:#1c7897}
	
	
.content{ padding:35px 10px 20px 10px}	
	
	.photo{
	border:5px #fff solid;
}

big{ text-transform:uppercase; font-weight:bold; display:block; margin-bottom:16px}
.up{text-transform:uppercase; font-weight:bold; display:block;}
.block li:hover{ background-color:#92c5d7}
.block li:hover img{ border:5px #92c5d7 solid}
.block li{ color:#000;}
.block li strong{ text-transform:uppercase}
.block li div{ padding-left:8px; padding-right:10px}


a.read{ display:block; text-decoration:none; text-transform:uppercase; font-size:10px; width:160px; height:16px; margin-bottom:10px; margin-top:10px; background:url(../images/arrow.gif) 0px 60% no-repeat; padding-left:20px; margin-left:6px; color:#fff}
a.read:hover{ text-decoration:underline}


.left_top{ background: #e6e6e6 url(../images/left_top.gif) top left no-repeat;}
.right_top{ background:url(../images/right_top.gif) top right no-repeat;}
.right_foot{ background:url(../images/right_foot.gif) bottom right no-repeat;}
.left_foot{ background: url(../images/left_foot.gif) bottom left no-repeat; padding:14px}




/*   -----------------------------------------------------------------------------*/ 
.foot_content{ background-color:#14252b; border-top:#4492ad 5px solid}

.foot_content h1{ font-size:30px; letter-spacing:-0.05em; line-height:30px; padding-top:0; padding-bottom:20px}

a.foot_arrow{ line-height:26px; background:url(../images/foot_arrow.gif) 0px 50% no-repeat; padding-left:16px; color:#92c5d7;}
a.foot_arrow:hover{ color:#16708f; text-decoration:underline}


strong.upp{ color:#cfd6d9; text-transform:uppercase; letter-spacing:-0.05em; display:block; padding-top:8px}
strong.smallfont{
	color:#FFFFFF;
	text-transform:none;
	letter-spacing:normal;
	display:block;
	padding-top:5px;
	font-weight: normal;
}
/*   -----------------------------------------------------------------------------*/ 
.footer{ height:60px; background-color:#000; color:#636363; padding: 33px 40px 33px 10px}


.footer a{ color:#9d9d9d; text-decoration:none; font-weight:bold; }
.line_12{margin: 0px 12px}
.line_12_right{ margin-right:12px}
/* -----------------------------------------------------------------------------*/ 
#read_more h4, #read_more{ color:#000}
#read_more h4{ margin:0px 0px 10px 0px ; font-size:24px; line-height:30px; padding:0}

/* -----------------------------------------------------------------------------*/ 

#contact_form td{ color:#fff; padding-bottom:2px; vertical-align:top}
.sub{ display:block; width:76px; height:33px; font-style:italic; color:#fff; font-family:Arial; font-size:10px; font-weight:bold; background: url(../images/arrow.gif) left no-repeat; padding-left:30px text-decoration:none; text-align:center;   text-transform:uppercase; cursor:pointer; border:0; }
	.sub:hover{ color:#fff; text-decoration:underline}

	
.input_contact{
	background-color:#d4dbde;
	width:445px;
	height:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	border:1px solid #34819b;
	margin-bottom:2px
}
	
.textarea_contact{background-color:#d4dbde;
	width:445px;
	height:262px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:1px solid #34819b;margin-bottom:4px; line-height:22px}
	
.select{background-color:#fff;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}

	
/* -----------------------------ANIMA-----------------------------------------------*/ 




#anima a{display: block; text-decoration: none; float:left; height:30px;  margin-right:10px; padding-top:40px }
#anima a:hover{ background-color:#fff}
#anima a span{  margin-right:12px; margin-left:12px;}

a.special{ font-size:20px; font-family:Featured Item}
a.special:hover{ color:#ff4242}



/* ----- script begin ----- */

#faded {	width:980px;	height:380px;	overflow: hidden;	position: absolute;	}

.bg_dsc{ position:absolute; width:980px; height:380px; z-index:10; background:url(../images/bg_dsc.png) bottom no-repeat}




ul.pagination {
	width:40px;
	height:140px;
	overflow: hidden;
	position: absolute !important;
	top:107px; right:-16px;
	z-index:100;
	background-color:#fff; -moz-border-radius:10px; border-radius: 10px; -webkit-border-top-left-radius: 10px; padding-top:3px
	
}

ul.pagination li { width:20px ; height:20px; margin-left:3px; margin-top:6px}
		ul.pagination li a {
		background: url(../images/blue_disc.gif) top no-repeat;
			display: block;
			width: 20px;
			height: 20px;
			text-decoration: none;
			 text-indent:-999px;
		}
		
ul.pagination li a:hover {
background:url(../images/red_disc.gif) top no-repeat;
		}
		
ul.pagination li.current a {
background:url(../images/red_disc.gif) top no-repeat;
		}




strong{ text-transform:uppercase}
a.more{ color:#787878; line-height:14px}
a.more:hover{ color:#000; text-decoration:underline}
.klima {
	height: auto;
	width: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.slikaklime {
	float: left;
	border: 6px solid #92c5d7;
}
.opisklime {
	float: left;
	margin-left: 25px;
}
.nav {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 237px;
	float: left;
}
.nav ul {
	margin:0 10px 0 0;
	padding: 0px;
	list-style-type: none;
	background-color: #EEEEEE;
}
.nav ul li a {
	margin-right: 0px;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
	display: block;
	width: 211px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.nav ul li a:hover {
	margin-right: 0px;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 16px;
	font-weight: bold;
	color: #14252B;
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
	background-color: #FFFFFF;
}
.nav ul li.active a {
	margin-right: 0px;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 16px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #14252B;
	padding-top: 15px;
	padding-bottom: 15px;
	text-decoration: none;
	display: block;
	width: 211px;
}
.proizvodi {
	float: left;
	height: auto;
	width: 742px;
	color: #333333;
}
.proizvod {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
}
.nav span {
	font-size: 11px;
	display: block;
}

.left20middle {
	float: left;
	width: 300px;
	padding-left: 40px;
}
.pdf {
	float: left;
	width: 175px;
	font-weight: bold;
	text-transform: uppercase;
}
.katalog {
	background-image: url(../images/download.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 75px;
	width: 145px;
	display: block;
	padding-bottom: 0px;
	padding-top: 11px;
	padding-right: 30px;
}
.katalog a {
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: auto;
	margin-top: 0px;
	margin-bottom: 34px;
}
.leftp_20 {
	width: auto;
	padding-left: 50px;
}
.leftp_20 p {
	font-weight: bold;
}
.leftp_30 {
	padding-left: 90px;
	width: 360px;
	padding-top: 10px;
}
.fs_18 {
	font-size: 18px;
}
.nav p a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 5px;
	display: block;
}
.nav p a:hover {
	font-weight: bold;
	color: #193f69;
	text-decoration: none;
}
.partner {
	background-color: #14252B;
	padding: 2px;
	float: left;
	height: 70px;
	width: 159px;
	margin-right: 109px;
}
.nomargin {
	margin: 0px;
}
.partnerholder {
	margin-bottom: 40px;
}
.logo {
	background-image: url(../images/elektromehanika-toma.png);
	background-repeat: no-repeat;
	background-position: 4px 6px;
	height: 100px;
	padding-top: 0px;
}
.smallfont {
	text-transform: none;
}