/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; background:#ffffff; overflow: scroll; }
/* naslovnica */
.left{
	width:48%;
	float:left;
}
.right{
	float:right;
	width:48%;
}
.template{
	float:left;
	margin-right:47px;
	margin-bottom:30px;
}
.choose{
	padding-left:20px;
}
.template_image{
	width:145px;
	height:95px;
	overflow:hidden;
}
.template_last{
	float:left;
	margin-bottom:30px;
}

/* slider */
#loopedCarousel { width:940px; background:#fff; position:relative;}
.container { overflow:hidden; position:relative; margin:0 0 0 68px;}
.slides {position:absolute; top:0; left:0;}
.slides div {position:absolute; top:0; width:265px; display:none;}
.slides div a { display:block; color:#485657; padding:42px 22px 20px; height:195px;}
.slides div a h3{ font-size:18px;}
.slides div a h3 span{ top:3px;}
.slides div a h3 img{ float:left; padding-right:10px;}
.slides div a:hover { color:#485657; background:#F0EFEE; text-decoration:none;}
.previous {display:block; position:absolute; width:42px; height:42px; background:url(images/previous.gif) 0 0 no-repeat; top:87px; left:12px; z-index:999;}
.next {display:block; position:absolute; width:42px; height:42px; background:url(images/next.gif) 0 0 no-repeat; top:87px; right:25px; z-index:999;}
.previous:hover { background:url(images/previous-hover.gif) 0 0 no-repeat;}
.next:hover { background:url(images/next-hover.gif) 0 0 no-repeat;}

#slides div {width:196px;}
#slides div a { display:block; color:#485657; padding:30px 18px 20px 22px; height:189px;}
#slides div a:hover strong { color:#fff;}

#previous, #next { top:105px;}


/* tabela */
#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	width: 922px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-company
{
	background: #67625B url('../order_tm/table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-q4
{
	background: #67625B url('../order_tm/table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 8px;
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	background: #67625B;
}
#rounded-corner td
{
	padding: 8px;
	background: #E1DFDC;
	border-top: 1px solid #fff;
	color: #67625B;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #E1DFDC url('../order_tm/table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #E1DFDC url('../order_tm/table-images/botright.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #67625B;
	color:#fff;	
}

#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}


/* laptop */
.ordernow{
	float:left;
	width:350px;
	padding-left:16px;
}

.laptop{
	background:url(images/laptop.png) no-repeat;
	height:320px;
	width:480px;
	padding-left:90px;
	padding-top:20px;
	float:right;
}


/* css */
img {vertical-align:top;}
a img {border:0;}
table {border-collapse:collapse; border:0;}

html, input, textarea {font-family:Arial; font-size:0.80em; line-height:1.333em; color:#FFFFFF;}
input, select {vertical-align:middle; font-weight:normal; color:#4C4C4C;}

ul{ margin-left:20px; list-style:none; }
li a {}
a {text-decoration:none; color:#2796d6; font-weight:bold;}
a:hover {text-decoration:underline; }

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both;}

.col-1,
.col-2,
.col-3 {float:left;}

.main {margin:0 auto; text-align:left;}

/***************header***************/
#header {background:#ffffff url(images/header-bg.gif) top left repeat-x; height:156px;}
#header .float-l {margin:29px 0 28px 15px;}
#header .float-r {padding:47px 21px 0 0; color:#000;}
#header .float-r a {color:#969595; text-decoration:none; line-height:1.667em;}
#header .float-r a:hover {text-decoration:underline;}
#header .float-r .link {border-right:1px solid #303030; margin-right:10px; padding-right:12px;}

.navigation {font-size:1.167em; line-height:1.429em; padding-top:6px; height:46px; padding-left:15px;}
.navigation a {color:#303030; display:block; font-weight:normal;}
.navigation a:hover {color:#ffffff; background:#44413C url(images/link-left.gif) top left no-repeat; text-decoration:none;}
.navigation ul {width:100%; margin-left:0px; overflow:hidden; list-style:none;}
.navigation li {float:left;}
.navigation .link {float:right}
.navigation a span {display:block; padding:13px 20px 13px 20px;}
.navigation a:hover span {background:url(images/link-right.gif) top right no-repeat;}
.link-hov {background:#44413C url(images/link-left.gif) top left no-repeat;}
.link-hov span {background:url(images/link-right.gif) top right no-repeat;}
.link-hov a {color:#ffffff;}

.boxs {background:url(images/boxs-bg.jpg) top center; background-repeat:repeat-x; margin-bottom:0px; }
.boxs .slogan {padding:77px 0 51px 16px; display:block;}
.boxs .slogan h1 { font-size:30px;}
.boxs .title {margin-bottom:24px}
.boxs li a, .row-2 li a {line-height:2.083em; background:url(images/list-marker.gif) left 5px no-repeat; padding-left:13px;}
.boxs li a:hover, .row-2 li a:hover {text-decoration:underline;}
.box1, .box2, .box3, .box4 {float:left; margin-right:13px}
.box-right-bottom {padding:23px 0 14px 19px}
.border {margin:26px 0 10px -19px; line-height:0; font-size:0;}
.boxs .button {margin-left:15px}
.box-bg {background:#FFFFFF url(images/boxs-top.gif) top left no-repeat; padding-top:12px; width:100%; overflow:hidden;}

.box1 {background:#6A8F7A url(images/box1-bottom.gif) bottom left repeat-x;}
.box1 .box-top {background:url(images/box1-top.gif) top left repeat-x;}
.box1 .box-left-top1 {background:url(images/box1-left-top1.gif) top left no-repeat;}
.box1 .box-left-top2 {background:url(images/box1-left-top2.gif) top left no-repeat;}
.box1 .box-right-top {background:url(images/box1-right-top.gif) top right no-repeat;}
.box1 .box-left-bottom {background:url(images/box1-left-bottom.gif) bottom left no-repeat;}
.box1 .box-right-bottom {background:url(images/box1-right-bottom.gif) bottom right no-repeat;}
.box1 .border {background:url(images/box1-border.gif) top left repeat-x;}

.box2 {background:#B2AE7D url(images/box2-bottom.gif) bottom left repeat-x;}
.box2 .box-top {background:url(images/box2-top.gif) top left repeat-x;}
.box2 .box-right {background:url(images/box2-right.gif) top right repeat-y;}
.box2 .box-left-top {background:url(images/box2-left-top.gif) top left no-repeat;}
.box2 .box-right-top {background:url(images/box2-right-top.gif) top right no-repeat;}
.box2 .box-left-bottom {background:url(images/box2-left-bottom.gif) bottom left no-repeat;}
.box2 .box-right-bottom {background:url(images/box2-right-bottom.gif) bottom right no-repeat;}
.box2 .border {background:url(images/box2-border.gif) top left repeat-x;}

.box3 {background:#F1C063 url(images/box3-bottom.gif) bottom left repeat-x;}
.box3 .box-top {background:url(images/box3-top.gif) top left repeat-x;}
.box3 .box-right {background:url(images/box3-right.gif) top right repeat-y;}
.box3 .box-left-top {background:url(images/box3-left-top.gif) top left no-repeat;}
.box3 .box-right-top {background:url(images/box3-right-top.gif) top right no-repeat;}
.box3 .box-left-bottom {background:url(images/box3-left-bottom.gif) bottom left no-repeat;}
.box3 .box-right-bottom {background:url(images/box3-right-bottom.gif) bottom right no-repeat;}
.box3 .border {background:url(images/box3-border.gif) top left repeat-x;}

.box4 {background:#D97942 url(images/box4-bottom.gif) bottom left repeat-x;}
.box4 .box-top {background:url(images/box4-top.gif) top left repeat-x;}
.box4 .box-right {background:url(images/box4-right.gif) top right repeat-y;}
.box4 .box-left-top1 {background:url(images/box4-left-top1.gif) top left no-repeat;}
.box4 .box-left-top2 {background:url(images/box4-left-top2.gif) top left no-repeat;}
.box4 .box-right-top {background:url(images/box4-right-top.gif) top right no-repeat;}
.box4 .box-left-bottom {background:url(images/box4-left-bottom.gif) bottom left no-repeat;}
.box4 .box-right-bottom {background:url(images/box4-right-bottom.gif) bottom right no-repeat;}
.box4 .border {background:url(images/box4-border.gif) top left repeat-x;}

.row-1 {background:#FFFFFF; color:#4C4C4C; padding-bottom:50px;}
.row-2 {background:#56524C url(images/row2-bg.if) top left repeat-x; height:247px;}
.row-1 .col-1 p {padding-bottom:10px}
.row-1 .image {margin-bottom:19px}

h2 {font-size:2.3em; line-height:1.2em; font-weight:bold; padding-bottom:22px; padding-top:12px; color:#0E94D4;}
h3 {font-size:1.583em; line-height:1.231em; padding-bottom:22px; padding-top:22px; color:#29B0F1;}
h4 {color:#F1C062}

.news_block{width:22%; float:left; margin-right:20px; }
.news_block h3{ height:60px; font-size:16px; }

.wrapper {width:100%; overflow:hidden;}
.img-indent {float:left; padding:0 15px 0 0}

.link1 {background:url(images/link-marker1.gif) right 5px no-repeat; padding-right:11px;}
.link2 {background:url(images/link-marker1.gif) left 6px no-repeat; padding-left:11px; color:#638771; font-size:1.00em; line-height:1.231em;}
.link3 {background:url(images/link-marker2.gif) left 5px no-repeat; padding-left:11px; color:#F1C062; font-size:1.083em; line-height:1.231em;}

.row-1 ul {padding-bottom:15px}
.row-1 li a {color:#638771; font-size:1.083em; line-height:1.846em; font-weight:bold; background:url(images/link-marker1.gif) left 5px no-repeat; padding-left:12px}
.row-1 li a:hover {text-decoration:none; background-position:4px 5px}

.row-1 .title {padding-top:26px}

cite {font-style:normal; display:block;}

.row-2 ul {padding-bottom:20px}
/***************page-1***************/
#page-1 .img-indent, 
#page-3 .img-indent {padding-bottom:20px}
#page-1 .row-1 .col-1 {margin-right:50px;}
#page-1 .row-1 .col-1 p a {color:#638771;}
#page-1 .row-2 .col-1 {margin-right:4%}
#page-1 .row-2 .col-2 {margin-right:4%}
/***************page-2***************/
#page-2 .row-1 .col-1 {margin-right:58px}
#page-2 .row-1 .col-1 h3,
#page-2 .row-1 .col-1 p {padding-bottom:15px}
#page-2 .row-1 .col-1 .wrapper h3 {padding-bottom:0;}
#page-2 p strong {color:#638771; font-size:1.083em;}
#page-2 .row-1 .col-2 p {padding-bottom:20px}
#page-2 .row-2 p {float:right; font-weight:bold; color:#F1C062; padding-bottom:15px}
/***************page-3***************/
#page-3 .row-1 .col-1 {margin-right:48px;}
#page-3 .row-1 .col-1 h3 {color:#D6713E; font-size:1em; line-height:1.333em; padding-bottom:15px;}
#page-3 .row-1 .col-1 .link1 {background:none; padding-left:0;}
#page-3 .row-1 .col-1 .link2 {background:none; padding-left:0; float:left;}
#page-3 .row-2 .col-1 {margin-right:115px}
#page-3 .row-2 .col-2 {margin-right:100px}
/***************page-4***************/
#page-4 .box1 .title {margin-left:-10px;}
#page-4 .row-1 .col-1 {margin-right:56px;}
#page-4 .row-1 h3,
#page-4 .row-1 .col-2 p {padding-bottom:15px;}
#page-4 .row-1 .col-1 .wrapper h3 {padding-bottom:0px;}
#page-4 .row-2 .col-1 {margin-right:64px;}
#page-4 .row-2 p {padding:15px 0 25px 0}
/***************page-5***************/
#page-5 .row-1 .col-1 {margin-right:46px;}
#page-5 .row-1 .img-indent,
#page-5 .row-1 .col-2 p {padding-bottom:20px;}
#page-5 .row-1 .col-1 p {padding-bottom:0;}
#page-5 .row-1 .col-2 p a {color:#638771;}
#page-5 .row-1 .col-2 h3 {padding-bottom:15px;}
#page-5 .row-1 p strong {color:#D6713E;}
#page-5 .row-2 .col-1 {margin-right:125px}
#page-5 .row-2 .col-2 {margin-right:125px}
/***************page-6***************/
#page-6 .row-1 .col-1 {margin-right:51px;}
#page-6 .row-1 h3,
#page-6 .row-1 p {padding-bottom:15px;}
#page-6 .row-1 p a {color:#638771;}
#page-6 .row-2 li {display:block; float:left; margin-right:66px;} 
#page-6 .row-2 li a { padding:0; background:none;}
/***************page-7***************/
#page-7 .row-1 .col-1 {margin-right:51px;}
#page-7 .row-1 .col-1 p {padding-bottom:15px;}
#page-7 .row-1 .wrapper .float-l a,
#page-7 .row-1 .wrapper .float-r a {font-weight:normal; color:#638771; text-decoration:underline;}
#page-7 .row-1 .wrapper .float-l a:hover,
#page-7 .row-1 .wrapper .float-r a:hover {text-decoration:none;}
#page-7 .row-1 .wrapper .float-l li a,
#page-7 .row-1 .wrapper .float-r li a {font-weight:bold; text-decoration:none;}
.phone {float:right; margin-right:30px;}
#page-7 .row-1 .wrapper ul {float:left;}
#page-7 .row-2 .col-1 {margin-right:145px}
#page-7 .row-2 .col-1 p {padding:15px 0 20px 0;}
#page-7 .row-2 .col-1 .phone {margin-right:25px;}
#page-7 .row-2 .col-1 a {color:#FFFFFF; font-weight:normal; text-decoration:underline;}
#page-7 .row-2 .col-1 a:hover {text-decoration:none;}
.form .float-l span, 
.form .float-r span {line-height:1.167em}
.form .float-l div {width:250px; height:29px;}
.form .float-l input {width:250px; height:19px; font-size:1em; border:1px solid #A09B96;}
.form .float-r textarea {width:270px; height:111px; font-size:1em; color:#4C4C4C; border:1px solid #A09B96; overflow:hidden; margin-bottom:15px;}
#page-7 .float-r .link3 {margin-left:30px;}
/***************page-8***************/
#page-8 .link2 {float:left;}
#page-8 p {padding-bottom:15px;}
#page-8 p strong {color:#F1C062;}
/***************footer***************/
#footer {background-color:#403D39; height:62px; padding:34px 0 0 7px; bottom:0px; }
#footer a { border-left:1px solid #FFFFFF; margin-left:2px; padding-left:5px; font-weight:normal;}