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

/*	hex note
	#00CCFF - blue
	#FFC834 - orange
	#B0AFAE - dark grey
	#C8C7C7 - light grey
*/


*{
	margin:0px;
	padding:0px;
	}

body
	{
	background-color:#F7F7F7;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: #1b1b1b;
	line-height:18px;
	}

.container
	{
	width: 900px;
	margin:0px auto;
	}

ul
	{
		margin:10px 0px 0px 10px;

	}

li
	{
		list-style:none;
		background-image:url(../images/bullet.gif);
		background-repeat:no-repeat;
		background-position:0px 9px;
		padding-left:15px;
		line-height:22px

	}


.float-right
	{
		float:right;
	}

.big
	{
		font-size:14px;
	}


/* HEADER */

.head
	{
	width:auto;
	height:129px;
	background-image:url(../images/selitve_header_v2.jpg);
	background-repeat:no-repeat;
	background-position:left top;

	}


		.naslov
			{
				float:left;
				width:auto;
				padding:17px 0px 0px 15px;
				height:auto;
			}


		.slogan-box
			{
				float:left;
				width:auto;
				padding:0px 0px 0px 15px;
			}

		.head .poklicite
			{
				margin-right: 100px;
				font-size: 12px;
				font-weight: bold;
				color: #015B9A;
				text-align: right;
			}


/*  MENU  */

.menu-holder
	{
		height:35px;
		width:auto;
		background-image:url(../images/menu_bcg.jpg);
		background-repeat:repeat-x;
		background-position:left top;
		padding-top:5px;
		margin-top:5px;
	}

ul.menu-reset
	{
		margin:0px;
		padding:0px;
	}

	li.menu-box
		{
			float:left;
			padding:3px 15px 0px 15px;
			list-style:none;
			background-image:url(../images/menu_sep.jpg);
			background-repeat:no-repeat;
			background-position:right 4px;
			line-height:18px;
		}

		li.menu-box-last
		{
			float:left;
			padding:3px 15px 0px 15px;
			list-style:none;
			background-image:none;
			line-height:18px;

		}

		.sub-menu-box
		{
			width:500px;
			height: 35px;
			display:table;

		}

		li.sub-menu
			{
				float:left;
				padding:5px 15px 5px 15px;
				margin:0px 1px 3px 1px;
				background-color: #FF8C19;
				background-image: none;
			}

			li.sub-menu:first-child
			{
				margin:0px 1px 3px 0px;
			}

.language
	{
		float:right;
		padding:6px 7px 0px 0px;
	}

/* CONTENT */

.content-box
	{
	width:auto;
	height:auto;
	margin:1px 0px 0px 0px;
	}


	.content-holder
		{
		width: 900px;
		height:auto;
		display: table;
		}

	.left-side-splash
		{
			float:left;
			width:679px;
			height:auto;
			background-color:#EEEEEE;
			border:1px solid #dedede;
		}

		.selitve
			{
				background-image:url(../images/selitve.jpg);
				background-position:7px 7px;
				background-repeat:no-repeat;
				width:679px;
				height:174px;

			}

			.servis-box
				{
					width:150px;
					height:auto;
					padding:25px 10px 0px 18px;
				}

				.servis-box h3
					{
						text-align:center;
					}

				.servis-box .more
					{
						position: absolute;
						width: 150px;
						margin-top: 50px;
						text-align: right;
					}

					.servis-box .more a, .servis-box .more a:link, .servis-box .more a:visited, .servis-box .more a:active
						{
							color:#fff;
							font-weight:bold;
							text-decoration:none;
						}

					.servis-box .more a:hover
						{
							text-decoration:underline;
						}

		.product-box
			{
				background-image:url(../images/box_bcg.jpg);
				background-repeat:no-repeat;
				background-position:center top;
				width:217px;
				height:174px;
				float:left;
				margin:7px 0px 10px 7px;
				_margin:10px 5px 10px 7px;
				*margin:10px 3px 10px 4px;
			}

			.product-box .more
				{
					margin-top:-25px;
					*margin-top:-27px;
					margin-right:5px;
					text-align:right;
				}

				.product-box .more a, .product-box .more a:link, .product-box .more a:visited, .product-box .more a:active
					{
						padding:3px 3px 3px 5px;
						/* border:1px solid #ccc; */
						/* background-color:#f7f7f7; */
						font-weight:bold;
						color:#fff;
						text-decoration:none;
					}

				.product-box .more a:hover
					{
						text-decoration:underline;
					}

			.img-prevoz
				{
					padding:6px 0px 0px 0px;
				}

			.img-vozila
				{
					padding:6px 0px 0px 0px;
				}

			.img-selitve
				{
					padding:6px 0px 0px 0px;
				}

			.text-splash
				{
					padding:10px 10px;
					text-align:justify;
				}

	.left-side
		{
			float:left;
			width:665px;
			height:auto;
			background-color:#EEEEEE;
			border:1px solid #dedede;
			min-height:400px;
			padding:7px;
		}

		.left-side-kontakt
		{
			float:left;
			width:663px;
			height:auto;
			background-color:#EEEEEE;
			border:1px solid #dedede;
			min-height:400px;
			padding:0px 15px 15px 0px;
		}

		.left-side table
			{
			margin-top:10px;
			margin-bottom:10px;
			border:solid 2px #ccc;
			background-color:#f7f7f7;
			}

		.left-side table tr td ul
			{
				margin:0;
			}

			.left-side table tr td ul li
				{
				padding:0;
				background-image:none;
				list-style:square;
				list-style-position:inside;
				line-height:14px;
				}


	.right-side
		{
			float: right;
			width:200px;
			height:auto;
			min-height:400px;
		}

		.orange-box
			{
				background-image:url(../images/reference_bcg.jpg);
				background-repeat:no-repeat;
				background-position:left top;
				text-align:center;

			}

			.ref-box
				{
					background-color:#EAEAEA;
					border-top:none;
					padding:4px 10px 15px 0px;
					margin:1px 0px;

				}


			li.referenca
				{
					background-image:url(../images/bullet.jpg);
					background-repeat:no-repeat;
					background-position:left 8px;
					list-style:none;
					padding:0px 0px 0px 14px;
					line-height:20px;
					font-size:11px;
					font-weight:bold;
				}

			.orange-tab
				{
					background-color:#ff8000;
					padding:2px;
				}


		.link-holder
			{
				padding:10px 0px 0px 100px;
			}

.border
	{
		border:1px solid #29197C;

	}

.skladiscenje
	{
		float:right;
		margin:0px 0px 3px 20px;
	}


.padding-content
	{
		padding:15px 0px 0px 15px;
	}

.air10
	{
		height:10px;
	}

.clear
	{
		clear:both;
	}

ul.reference
	{
		margin:0px;
	}

.light
	{
		background-color:#E8E8E8;
		padding:3px;

	}

.dark
	{
		background-color:#e1e1e1;
		padding:3px;
	}



/* FOOTER */

.footer
	{
	width:auto;
	height:63px;
	margin:8px 0px 15px 0px;
	padding:7px 0px 5px 0px;
	background-image:url(../images/footer_bcg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	}


	.footer-box
		{
		width:880px;
		height:auto;
		display:table;
		padding-left:10px;
		font-size:11px;
		}

	.copyright
		{
		float:left;
		color:#ffffff;
		}

	.production
		{
		float:right;
		color:#ffffff;
		}


/* FONTS  */

.white
	{
		color:#FFFFFF;
	}

a img
	{
		border:none;
	}

h1
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#29197C;

	}

	h1.times-white
		{
			font-family:"Times New Roman", Times, serif;
			font-size:49px;
			color:#FFFFFF;
			margin-bottom:7px;
			padding:9px 0px 7px 0px;
		}

	h1.white
	{
		font-size:15px;
		color:#FFFFFF;
		padding:0px;
		font-weight:bold;
	}

	a.selitveni-servis:link, a.selitveni-servis:active, a.selitveni-servis:visited
	{
		font-size:15px;
		color:#FFFFFF;
		padding:0px;
		font-weight:bold;
		text-decoration:none;
	}



h2
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF890E;
	padding-bottom:3px;
	}


	h2.white
		{
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#FFFFFF;
			text-align:center;
			text-transform:uppercase;
			padding:7px 0px;
			font-weight:bold;
			text-align: center;
		}

	h2.product
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		color:#374fb8;
		text-align:center;
		text-transform:uppercase;
		font-weight:bold;
		padding-top:5px;
	}


	h2.slogan
		{

			font-size:23px;
			color:#FFFFFF;
			padding:9px 0px 0px 0px;
			font-weight:normal;
		}


	h2.blue
		{
			color: #29197C;
			padding:20px 0px 12px 0px;
		}

	h2.blue2
	{
		color: #29197C;
		padding:10px 0px 12px 0px;
	}


a:link, a:visited
	{
	color:#F06C00;
	text-decoration:underline;
	}

a:hover
	{
	text-decoration:none;
	}

a.menu:link, a.menu:visited, a.menu:active
	{
		font-size:14px;
		color:#ffffff;
		text-decoration:none;
	}


a.menu-active:link, a.menu-active:visited, a.menu-active:active
	{
		font-size:14px;
		color:#ffffff;
		text-decoration:none;

	}


a.roer:link, a.roer:visited, a.roer:active
	{
	color:#ffffff;
	text-decoration:none;
	}

a.roer:hover
	{
	text-decoration: underline;
	}


a.ref-link
	{
		text-decoration:none;
	}


.blue
	{
	color: #29197C;
	font-weight:bold;
	}

li.no-bullet
	{
	background-image:none;
	}

ul.prikolice
	{
	margin:0;
	padding:10px;
	border:solid 1px #ccc;
	border-bottom:0 none;
	background-color:#F7F7F7;
	}

	ul.prikolice li
		{
		padding:0;
		list-style:none;
		background-image:none;
		line-height:16px;
		color:#F06C00;
		font-weight:bold;
		}

.legend
	{
	float: right;
	width: 200px;
	margin-top: 90px;
	margin-right: 2px;
	padding: 5px;
	border: 1px solid #1D3489;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	background-color: #475EC6;
	color: #FFFFFF;
	text-align: center;
	}

.ui-tabs .ui-tabs-nav li a
	{
	font-weight:bold;
	}

.left-side #tabs img
	{
	margin-right:15px;
	}

hr
	{
	height:1px;
	border:0 none;
	padding:0;
	margin:0;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#aaa;
	}

#tabs #gallery img
	{
	margin-right:5px;
	}

.pslika, #tabs img.pslika_small
	{
	margin:0;
	padding:0;
	border: 0 none;
	}

.pslika
	{
	margin-top:20px;
	padding-bottom:5px;
	width:406px;
	text-align:center;
	}

	.pslika img
		{
		border:solid 1px #ccc;
		padding:1px;
		}

	.pslika hr
		{
		margin-bottom:10px;
		}

.tipi-prikolic #tabs
	{
	display:table;
	width:658px;
	padding: 0.2em;
	font-family: Verdana,Arial,sans-serif;
	font-size: 1.1em;
	background-color:#fff;
	border: 1px solid #AAAAAA;
	color: #222222;
	-moz-border-radius: 4px 4px 4px 4px;
	*padding-bottom:8px;
	_padding-bottom:10px;
	}

tipi-prikolic #tabs ul li
		{
		}

.tipi-prikolic #tabs-1, .tipi-prikolic #tabs-2, .tipi-prikolic #tabs-3,
.tipi-prikolic #tabs-4, .tipi-prikolic #tabs-5, .tipi-prikolic #tabs-6,
.tipi-prikolic #tabs-7, .tipi-prikolic #tabs-8, .tipi-prikolic #tabs-9
	{
	display:block;
	margin:5px;
	}

.img-menu-holder
	{
	clear:both;
	}

	.img-menu
		{
		float:left;
		width:210px;
		margin-top:5px;
		_margin-top:10px;
		margin-bottom:5px;
		_margin-bottom:-10px;
		margin-left:5px;
		_margin-left:4px;
		margin-right:4px;
		background-position:left top;
		background-repeat: no-repeat;
		}

		.img-menu .menu1
			{
			background-image:url(../images/prikolice/menu-1.jpg);
			}

		.img-menu .menu2
			{
			background-image:url(../images/prikolice/menu-2.jpg);
			}

		.img-menu .menu3
			{
			background-image:url(../images/prikolice/menu-3.jpg);
			}

		.img-menu .menu4
			{
			background-image:url(../images/prikolice/menu-4.jpg);
			}

		.img-menu .menu5
			{
			background-image:url(../images/prikolice/menu-5.jpg);
			}

		.img-menu .menu6
			{
			background-image:url(../images/prikolice/menu-6.jpg);
			}

		.img-menu .menu7
			{
			background-image:url(../images/prikolice/menu-7.jpg);
			}

		.img-menu .menu8
			{
			background-image:url(../images/prikolice/menu-8.jpg);
			}

		.img-menu .menu9
			{
			background-image:url(../images/prikolice/menu-9.jpg);
			}

		.img-menu-header
			{
			height:181px;
			}

		.img-menu-footer
			{
			height:5px;
			background-image:url(../images/box_bcg_foot.jpg);
			background-position:left top;
			background-repeat: no-repeat;
			}

		.img-menu-body
			{
			background-image:url(../images/box_bcg_body.jpg);
			background-position:center top;
			background-repeat: repeat-y;
			padding-left:6px;
			padding-right:6px;
			text-align:center;
			}

span#ShowMap
	{
		cursor:pointer;
		text-decoration:underline;
	}

	span#ShowMap:hover
	{
		text-decoration:none;
	}

#map
	{
		width:572px;
		*width:585px;
		_width:585px;
	}

#map iframe
	{
		width:570px;
		margin-left:auto;
		margin-right:auto;
	}