@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

/* --------------------------------------------------------------------------------------------- common */

a {
    text-decoration: none;
}

a img {
    border: none;
}

li {
	list-style-type: none;	
}

.clear {
	clear: both;
}

/* --------------------------------------------------------------------------------------------- body */

body, html {
	height: 100%;
	width: 100%;
	background: url(../img/body_bck.jpg);
	font-family: tahoma;
}

p {
	font-size: 11px;
	color: #890000;
}

/* --------------------------------------------------------------------------------------------- wrapper */

#wrapper {
	width: 1003px;
	min-height: 100%;
	position: relative;
	margin: 0 auto;
}

/* --------------------------------------------------------------------------------------------- h1 */

h1 {
	position: absolute;
	left: 161px;
}

/* --------------------------------------------------------------------------------------------- header */

#header {
	height: 300px;

}

/* --------------------------------------------------------------------------------------------- flash */

#flash_wrapper {
	height: 300px;
	width: 480px;
	float: left;
	background: url(../img/flash_wrapper_bck.png) bottom right no-repeat;
}

* html #flash_wrapper {
	background: none;
}

#flash {
	height: 300px;
	width: 480px;
	float: left;
	background: url(../img/flash_bck.gif) bottom right no-repeat;
}

#intro_wrapper {
	height: 300px;
	background: url(../img/intro_wrapper_bck.png) bottom left no-repeat;
	float: left;
}

* html #intro_wrapper {
	background: none;
}

#intro {
	height: 300px;
	width: 523px;
	background: url(../img/intro_bck.jpg) bottom left no-repeat;
}

#intro_sub {
	height: 300px;
	width: 523px;
	background: url(../img/intro_sub_bck.jpg) bottom left no-repeat;
}

#intro_text {
	height: 240px;/*300*/
	width: 394px;/*444*/
	padding: 30px 25px;
	background: url(../img/intro_text_bck.gif) 12px 0px;
	float: left;
}

* html #intro_text {
	height: 231px;/*300*/
	width: 394px;/*444*/
	padding: 28px 25px;
	background: url(../img/intro_text_bck.gif) 12px 0px;
	float: left;
}

#intro_text_sub {
	height: 55px;/*300*/
	width: 394px;/*444*/
	padding: 76px 0px 0px 25px;
	background: url(../img/intro_text_bck.gif) 12px 0px;
	float: left;
}

#intro_text h2 {
	margin-bottom: 6px;
}

#intro_text h3 {
	height: 28px;
}

#intro_text p {
	color: #f8e9b6;
	margin-top: 10px;
	line-height: 20px;
}

/* --------------------------------------------------------------------------------------------- content */

#content {
	width: 1003px;
/*	padding-bottom: 38px;*/
	background: url(../img/content_bck.png) top left repeat-y;
}

* html #content {
	background: url(../img/content_ie_bck.gif) top left repeat-y;
}

/* --------------------------------------------------------------------------------------------- primary */

#primary {
	width: 480px;
	float: left;
}

/* --------------------------------------------------------------------------------------------- page_select */

#page_select {
	width: 428px;
	height: 225px;
	float: right;
	background: url(../img/devices_bck.jpg) top left no-repeat;
}

#page_select h2 {
	margin: 10px 0px 0px 12px;
	height: 22px;
	float: left;
	cursor: pointer;
}

#page_select .note {
	margin: 15px 0px 0px 22px;
}

#page_select h2 img {
	float: left;
}

#page_select .left_arrow {
	float: left;
	margin-top: 77px;
	margin-left: 4px;
}

.ms_ex {
	overflow: hidden; /*ne diraj*/
	position: relative;
	width: 346px;
}

#page_select #slide {
/*	float: left;*/
	position: relative;
	left: 0px;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 6px;
	width: 2768px;
	height: 180px;
	left: 0px;
}

#page_select #slide .ms_box {
	width: 346px;
	height: 180px;
	float:left;
/*	background: url(../img/glidecontent.jpg) top left no-repeat;*/
}

#page_select #slide .ms_box img.thumb {
	float: left;
	padding: 4px;
	background-color: #fef6e6;
}

#page_select #slide .ms_box h3 {
	float: left;
	margin: 71px 0px 12px 8px;
	line-height: 1px;
}

#page_select #slide .ms_box .more {
/*	float: right;*/
	margin: 74px 40px 0px 16px;
	overflow: hidden;
}

#page_select #slide .ms_box table {
	float: left;
	margin-left: 10px;
	font-size: 11px;
	color: #890000;
	width: 180px;
}

#page_select #slide .ms_box table td {
	width: 112px;
	line-height: 15px;
}

#page_select #slide .ms_box table td.second {
	width: 80px;
}

#page_select .right_arrow {
	float: right;
	margin-top: 77px;
	margin-right: 9px;
}

/* --------------------------------------------------------------------------------------------- content */

#about {
	width: 388px;/*428*/
	padding: 36px 20px;
	padding-bottom: 20px;
	float: right;
	line-height: 18px;
}

/* --------------------------------------------------------------------------------------------- contact_details */

#contact_details {
	width: 412px;
	float: right;
}

#contact_details h2 {
	height: 22px;
}

/* --------------------------------------------------------------------------------------------- secondary */

#secondary {
	width: 444px;
	float: left;
}

/* --------------------------------------------------------------------------------------------- flash_2 */

#flash_2 img {
	float: left;
}

/* --------------------------------------------------------------------------------------------- news_list */

#news_list {
	width: 444px;
	clear: both;
	background: url(../img/news_list_bck.gif) 12px 0px;
}

#news_list h2 {
	line-height: 1px;
}

#news_list .news_item {
	width: 209px;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 0px 6px 16px 6px;
	float: left;
}

#news_list .news_item.first {
	border-right: 1px solid #e3c67c;
}

#news_list .news_item.second {
	border-left: 1px solid #fff;
}

#news_list img.thumb {
	padding: 4px;
	background: url(../img/news_list_img_bck.gif) 0px 0px;
}

#news_list h3 {
	margin-left: 4px;
}

#news_list p {
	padding-left: 16px;
	line-height: 18px;
}

/* --------------------------------------------------------------------------------------------- primary_sub */

#primary_sub {
	width: 296px;
	float: left;
	background: url(../img/primary_sub_bck.gif) 52px 0px no-repeat;
}

/* --------------------------------------------------------------------------------------------- news_list_sub */

#news_list_sub {
	clear: both;
	float: right;
	padding-right: 12px;
	padding-bottom: 60px;
	margin-top: 22px;
	background: url(../img/news_list_sub_bck.gif) top right repeat-y;
}

#news_list_sub .news_item {
	width: 209px;
	padding: 0px 6px 14px 6px;
}

#news_list_sub img.thumb {
	padding: 4px;
	background: url(../img/news_list_img_bck.gif) 0px 0px;
}

#news_list_sub h3 {
	margin-top: 2px;
	margin-left: 4px;
}

#news_list_sub p {
	padding-left: 16px;
	line-height: 16px;
}

/* --------------------------------------------------------------------------------------------- contact_details_sub */

#contact_details_sub {
	width: 222px;
	float: right;	
}

#contact_details_sub h2 {
	height: 22px;
}
/* --------------------------------------------------------------------------------------------- secondary_sub */

#secondary_sub {
	float: left;
	width: 650px;
	background: url(../img/secondary_sub_bck.gif) top left no-repeat;
}

/* --------------------------------------------------------------------------------------------- article */

#article {
	padding: 24px 24px 0px 24px;
	line-height: 18px;
}

#article p {
	margin: 14px 0px;
}

#article p a {
	padding: 1px 2px 1px 3px;
	color: #890000;
	background-color: #f6ead2;
	border-bottom: 1px solid #e3d3b4;
	border-right: 1px solid #e3d3b4;
}

#article p a:hover {
	color: #890000;
	background-color: #e3d3b4;
	border-bottom: 1px solid #f6ead2;
	border-right: 1px solid #f6ead2;
}

#article .article_device {
	float: left;
	width: 290px;
	height: 160px;
	margin-left: 10px;
	padding: 0px;
}

#article img {
	padding: 3px;
	border: 1px solid #890000;
	margin: 0px 6px;
}

#article .article_device img.thumb {
	padding: 3px;
	border: 1px solid #890000;
	margin: 0px;
	float: left;
}

#article .article_device h2 {
	margin: 20px 0px 0px 10px;
	float: left;
}

#article .article_device h2 img {
	border: none;
	padding: 0px;
}

#article .article_device table {
	float: left;
	margin: 20px 0px 0px 10px;
	font-size: 11px;
	color: #890000;
}

#article .article_device table td {
	width: 95px;
/*	line-height: 15px;*/
}

#article .article_device table td.second {
	width: 70px;
}

/* --------------------------------------------------------------------------------------------- gallery */

#gallery {
	margin-top: 30px;
	margin-bottom: 30px;
}

#gallery h3 {
	margin-bottom: 10px;
}

#gallery img {
	margin-bottom: 4px;
}

/* --------------------------------------------------------------------------------------------- device */

#article #device img.thumb {
	float: left;
	margin-right: 20px;
}

#article #device h2 img {
	border: none;
}

#article #device table {
	margin-top: 20px;
	font-size: 11px;
	color: #890000;
}

#article #device table td {
	width: 110px;
/*	line-height: 15px;*/
}

#article #device table td.second {
	width: 70px;
}

#article #device a.back {
	margin-top: 20px;
	color: #890000;
}

/* --------------------------------------------------------------------------------------------- footer */

#footer {
	height: 38px;
	padding-bottom: 20px;
	position: relative;
	background: url(../img/footer_bck.png) 0px 0px no-repeat;
}

* html #footer {
	background: url(../img/footer_ie_bck.gif) 0px 0px no-repeat;
}

#footer .ea {
	position: absolute;
	left: 762px;
	top: 17px;
}

#footer .ea img {
	float: left;
}

#footer .paprika {
	position: absolute;
	left: 876px;
	top: -30px;
}