/* ------------------------------------------------------
   Site: T.T.Y. d.o.o.
   author: Vida Hernaus - weida; for Random d.o.o.
   email: weida@email.com, weida34@gmail.com
------------------------------------------------------ */

/* =GENERAL RULES
--------------------------------------------------------------------------- */
* { padding: 0; margin: 0; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333;
	background: #fff url(img/pagetop_bg.gif) repeat-x;
}
html>body { font-size: 10px; }
table, img { border: none; }
ul { list-style: none; }

a:link, a:visited, a:active { color: #026cab; }
a:hover { color: #5aaae8; }
a { outline: 0; }

a.external:link, a.external:visited, a.external:active {
	padding-right: 15px;
	background: url(img/linkexternal.gif) no-repeat right top;
}
a.external:hover { background-image: url(img/linkexternal2.gif); }
a.zoom:link, a.zoom:visited, a.zoom:active {
	padding-right: 18px;
	background: url(img/zoom.gif) no-repeat right center;
}
a img.zoom {
	border: 2px solid #eaeaea;
	background-image: none;
}
a:hover img.zoom { border-color: #5aaae8; }

h1, h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 {
	font-size: 2em;
	color: #73cb43;
	margin: .6em 0 .5em;
}
h2 {
	font-size: 1.7em;
	color: #73b2e7;
	padding-left: 25px;
	margin: 1em 0 .5em;
	background: #fff url(img/h2_bullet.gif) no-repeat left center;
	border-bottom: 1px dashed #73b2e7;
}
h2 span {
	font: bold .6em Verdana, Arial, sans-serif;
	color: #026cab; }
.avtorji #mainContent h2 {
	font-size: 1.3em;
	font-weight: bold;
}
h3, h4 {
	font-size: 1.1em;
	color: #026cab;
	font-weight: bold;
	margin: 1em 0 .5em;
}
h3 { font-family: Arial, Helvetica, sans-serif; }
h3 span {
	font-size: 1em;
	font-weight: normal;
}
h2 a, h3 a, h4 a {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dashed #73b2e7;
}
h2 a:hover, h3 a:hover, h4 a:hover { border-bottom-style: solid; }


/* =PAGE =SECTIONS (header, content, footer)
--------------------------------------------------------------------------- */
#wrapper {
	width: 770px;
	margin: 0 auto;
}
#pageheader {
	width: 770px;
	height: 110px;
	background: #1f7ca1 url(img/pagetop_bg.gif) repeat-x;
}
#content {
	clear: both;
	background: #fff url(img/content_bg.gif) repeat-y;
}
#mainContent {
	float: right;
	width: 590px;
	/*margin: 0 0 0 180px;*/
}
#sidebar {
	float: left;
	width: 160px;
	/*margin: 0 0 0 -770px;*/
	padding-top: 10px;
	background: #ecf6fd url(img/sidebar_bg.gif) repeat-x;
}
#pageBottom {
	clear: both;
	background: #1f7ca1 url(img/pagebottom_bg.gif) repeat-x;
}


/* =HEADER stuff
--------------------------------------------------------------------------- */
#logo {
	position: relative;
	float: left;
	width: 160px;
	margin-right: 20px;
	height: 100%;
	background: url(img/logo_bg.gif) no-repeat center bottom;
}
#logo h1 {
	margin: 0;
	padding: 0;
	position: absolute; 
	bottom: 18px; 
	left: 24px; 
	z-index: 3;
	width: 116px;
	background: url(img/logo.gif) no-repeat;
	text-indent: -9000px;
}
#logo h1 a {
	display: block;
	background: url(img/logo.gif) no-repeat;
	height: 43px;
	text-decoration: none;
}

#header {
	float: left;
	position: relative;
	width: 590px;
	height: 110px;
	margin: 0;
	font-size: 1.1em;
}

#siteNavWrapper {
	float: right;
	margin-top: 10px;
}
#siteNav {
	float: right;
	color: #c1e4ff;
	background: url(img/sitenav_bg_left.gif) repeat-x;
}
#siteNav ul {
	padding: 0 5px;
	background: url(img/sitenav_bg_right.gif) no-repeat right top;
}
#siteNav li {
	display: inline;
}
#siteNav li a:link, #siteNav li a:visited, #siteNav li a:active {
	line-height: 30px;
	color: #edf5ff;
	text-decoration: none;
	padding: 0 4px;
}
#siteNav li a:hover {
	color: #fff;
	text-decoration: underline;
}
#flags {
	float: right;
	padding: 10px 5px 0 10px;
}
#flags a img {
	border: 1px solid #c0c0c0;
	margin-right: 2px;
}
#flags a:hover img { border: 1px solid #edf5ff; }

#mainNav {
	clear: both;
	height: 30px;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	position: absolute;
	bottom: 8px;
	left: 0;
	z-index: 5;
}
#mainNav ul { text-align: center; }
#mainNav li {
	display: block;
	float: left;
	width: auto;
}
#mainNav a:link, #mainNav a:visited, #mainNav a:active {
	color: #d1ebff;
	display: inline;
	width: auto;
	text-decoration: none;
	line-height: 30px;
	padding: 6px 10px 6px;
	margin-right: 5px;
	background: #0787ca;
}
#mainNav a:hover {
	color: #fff;
	text-decoration: underline;
}

	/* označevanje trenutne strani v glavnem meniju */
body.domov #mainNav a#domov, body.nova #mainNav a#nova, body.rabljena #mainNav a#rabljena,
body.najem #mainNav a#najem, body.servis #mainNav a#servis, body.novice #mainNav a#novice,
body.tty #mainNav a#tty {
	color: #fff;
	background: #73b2e7;
}


/* =SIDEBAR
--------------------------------------------------------------------------- */
.sidebox {
	width: 140px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 8px 0 5px;
	text-align: center;
	font-size: 1.1em;
	background: transparent url(img/sidebox_top.gif) no-repeat top;
	border-bottom: 1px solid #98c7ee;
}
.sidebox h3 {
	font-size: 1.2em;
	margin: 0 10px 10px;
	border-bottom: 1px solid #98c7ee;
}
.sidebox p, .sidebox div {
	margin: 0 10px 5px;
	text-align: left;
}
.sidebox .sideNav {
	text-align: left;
	padding-left: 10px;
}
.sidebox .sideNav li {
	background: url(img/li_sub.gif) no-repeat left .4em;
	margin-bottom: 5px;
}
.sidebox .sideNav li a { padding-left: 10px; }
.sidebox .sideNav li .linkDesc {
	font-size: .8em;
	margin-top: 2px;
}
.ttydata { background: transparent url(img/sidebox_tty_top.gif) no-repeat top; }
.ttydata h3 {
	margin: 0 10px 0;
	border: none;
	font-size: 1em;
	text-align: left;
}
.ttydata h3 span { font-weight: normal; }

.sideBottom {
	height: 68px;
	background: #fff url(img/sidebar_bg_bottom.gif);
}


/* =FOOTER
--------------------------------------------------------------------------- */
#footer {
	width: 770px;
	margin: 0 auto;
	height: 125px;
	background: transparent url(img/waves.gif) no-repeat bottom left;
	text-align: center;
	color: #c1e4ff;
}
#footer a:link, #footer a:visited, #footer a:active {
	font-size: 1.1em;
	color: #c1e4ff;
	padding-bottom: 1px;
	text-decoration: none;
	border-bottom: 1px solid #198dbd;
}
#footer a:hover {
	color: #fff;
	border-bottom: 1px solid #c1e4ff;
}
#bottomNav {
	padding-top: 20px;
	line-height: 2.2em;
}
#bottomNav a { margin: 0 5px; }


/* =MainContent
--------------------------------------------------------------------------- */
#mainContent { font-size: 1.2em; }
#mainContent h1 { margin-top: 0; }
#mainContent p {
	margin: 10px 0 2px;
	line-height: 1.4em;
}

#mainContent ul li {
	line-height: 1.4em;
	padding-left: 30px;
	background: #fff url(img/li.gif) no-repeat 1.2em .5em;
	margin-bottom: 3px;
}
#mainContent ul li ul li {
	padding-left: 18px;
	background: #fff url(img/li_sub.gif) no-repeat .2em .5em;
	margin-bottom: 1px;
}

#pageSubNav {
	padding: 0; margin: 0;
	/*width: 100%;*/
	border-top: 2px solid #73cb43;
	margin-top: -10px;
}
#mainContent #pageSubNav ul, #mainContent #pageSubNav ul li { background-image: none; }
#mainContent #pageSubNav ul {
	float: right;
	margin-right: 5px;
}
#mainContent #pageSubNav li {
	display: inline;
	margin: 0 2px 0 0;
	padding: 0;
}
#pageSubNav a {
	float: left;
	font-weight: bold;
	font-size: .9em;
	background: url(img/page_subnav.gif) no-repeat left bottom;
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	border-top: 1px solid #fff;
}
#pageSubNav a span {
	float: left;
	display: block;
	background: url(img/page_subnav.gif) no-repeat right bottom;
	padding: 5px 10px 4px 5px;
	color: #666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#pageSubNav a span { float: none; }
/* End IE5-Mac hack */
#pageSubNav a:hover span { color: #fff; }
#pageSubNav a:hover { background: url(img/page_subnav_on.gif) no-repeat left bottom; }
#pageSubNav a:hover span { background: url(img/page_subnav_on.gif) no-repeat right bottom; }
#pageSubNav #current a {
	background: url(img/page_subnav_on.gif) no-repeat left bottom;
	border-color: #73cb43;
}
#pageSubNav #current a span {
	background: url(img/page_subnav_on.gif) no-repeat right bottom; 
	color: #fff;
}

#locator {
	font-size: .9em;
	line-height: 24px;
	margin-top: 2px;
	background: #edf5ff;
}
#locator a {
	padding-right: 15px;
	background: url(img/arrow.gif) no-repeat right center;
}
#mainContent .userIcons { text-align: right; }
#mainContent .userIcons img { margin-left: 5px; }

.cleared { clear: both; }
img.imgLeft, .imgLeft {
	float: left;
	margin-right: 10px;
}
img.imgRight, .imgRight {
	float: right;
	margin-left: 10px;
}
img.bordered {
	border: 5px solid #eaeaea;
	margin-bottom: 10px;
}

.centered { text-align: center; }
.more {
	text-align: right;
	margin-top: 5px;
	font-weight: bold;
}
.totop {
	clear: both;
	font-size: .9em;
	text-align: right;
	margin: 20px 0 30px;
}
.totop a {
	padding-right: 20px;
	background: url(img/2top.gif) no-repeat right bottom;
}
.txtButton { margin-top: 10px; }
.txtButton a {
	font-weight: bold;
	padding: 2px 15px 4px 5px;
	background: url(img/more.gif) no-repeat right 50%;
}

.eNews {
    color: #198dbd;
	font-size: 1.1em;
	margin: 20px 0 30px;
	padding: 10px;
	border: 1px solid #5aaae8;
	background-color: #ecf6fd;
}

#slideshow {
	padding: 10px;
	height: 230px !important;
	height: 230px;
	background: #eaeaea url(img/slideshow/b42v_3.jpg) no-repeat center center;
}

.news {
	background: #edf5ff url(img/newstop_bg.gif) repeat-x;
	border-top: 2px solid #026cab;
	border-bottom: 4px solid #026cab;
	padding: 10px 0 8px;
}
.news h3 { margin: 0; }
.newscol {
	float: left;
	width: 180px;
	font-size: .9em;
	padding: 0 7px;
}
.newscol p { line-height: 1.3em; }
.newscol .date {
	padding: 2px;
	background-color: #fff;
}
.news .middle {
	border-left: 1px dashed #5aaae8;
	border-right: 1px dashed #5aaae8;
}

.nova .seznam { background: transparent url(img/sketch.gif) no-repeat right bottom; }
.seznam dl { clear: both; }
.seznam dt {
	float: left;
	margin-bottom: 5px;
}
.rabljenaPlovila .seznam dt { margin-bottom: 10px; }
.seznam dd {
	float: left;
	margin-left: 2em;
}
.seznam dd span { font-size: .9em; }
.cena {
	color: #008242;
	font-weight: bold;
}
.seznam dl h3 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.seznam img {
	border: 2px solid #eaeaea;
	margin-top: 3px;
}
.seznam a:hover img { border-color: #5aaae8; }

.pogoji dl { clear: both; }
.pogoji dd h3 {
	margin: 5px 0;
	text-transform: uppercase;
}
.pogoji dt {
	float: left;
	width: 1.6em;
	text-align: right;
	color: #ccc;
	font: bold 1.5em Verdana, Arial, sans-serif;
}
.pogoji dd {
	float: left;
	margin-left: 10px;
	width: 540px;
	margin-bottom: 1.2em;
}

.startPoints {
	float: left;
	width: 15em;
}

#mainContent .service ul { margin-bottom: 2em; }
#mainContent .service ul li, .servis #mainContent ul li { background-image: url(img/li_gr.gif); }
#mainContent .service ul li ul li { background-image: url(img/li_sub.gif); }
.service h3 {
	background-color: #f5f5f5;
	padding: 0 2px;
	font-family: Arial;
}
.orderInfo span { font-size: .9em; }
.orderInfo .miniBox {
	float: left;
	margin: 0 5em 1em 2em;
}

.files {}
.files span { font-size: .9em; }

.izhodisce .imgRight { border: 5px solid #eaeaea; }
.izhodisce .files {
	background: #f8f8f8;
	border: 1px solid #dedede;
	padding: .5em;
	margin-bottom: 1.2em;
}
.izhodisce p {
	padding-left: 10px;
	text-indent: -10px;
}

.plovila .colLeft, .plovila .pic, .rabljenaPlovila .colLeft {
	float: left;
	width: 280px;
}
.plovila .colRight, .rabljenaPlovila .colRight {
	float: right;
	width: 280px;
}
.plovila .pic img { border: 5px solid #eaeaea; }
.plovila .colRight h3 {
	margin-top: 5px;
	margin-bottom: 8px;
}
.nova #mainContent .seznam h3 { margin-top: 5px; }

.test {
	margin: 1em 0 1em;
	border-bottom: 1px dashed #dadada;
}
.testYear {
	float: left;
	width: 50px;
	font-weight: bold;
	font-size: 1.1em;
	background: #f0f0f0;
	padding: 2px;
	text-align: center;
}
.testFiles {
	float: right;
	width: 500px;
	margin-bottom: .5em;
}
.testFiles span { font-size: .9em; }

.novaData {
	margin-top: 1.5em;
	margin-bottom: 2em;
}
.novaData .techData {
	float: left;
	width: 350px;
}
.novaData .docs {
	float: right;
	width: 220px;
}
.docs h3 {
	margin-top: 1.8em;
	border-bottom: 1px solid #98c7ee;
}
.docs .files {
	clear: both;
	margin-bottom: 1em;
}
.docs .cena { text-align: center; }

.gallery .mainPic {
	float: left;
	padding: 4px 0 3px;
	width: 350px;
	min-height: 160px;
	border: 1px solid #98c7ee;
	text-align: center;
}
.gallery .mainPic img { width: 340px; }
.gallery .thumbs {
	float: right;
	width: 220px;
}
.gallery .img-wrapper {
	float: left;
	margin: 4px 7px 2px 0;
	background: url(img/shadow.gif) no-repeat bottom right;
	line-height: 0; 

}
.gallery .img-wrapper img {
	float: none;
	width: 60px;
	height: 45px;
	margin: 0;
	background: #fff;
	padding: 2px;
	border: 1px solid #c5bdbd;
	position: relative;
	left: -3px;
	top: -3px;
}

.osebna {
	margin: 15px 15px 0;
	line-height: 1.2em;
}
.osebna .data span, .osebna .col3 .zoom { font-size: .9em; }
.osebna blockquote {
	font: bold italic 1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #0066b3;
	background: url(img/quote_left.gif) no-repeat left top;
	padding-left: 18px;
	margin-bottom: 10px;
}
.osebna blockquote span {
	font-size: 1em;
	padding-right: 18px;
	background: url(img/quote_right.gif) no-repeat right bottom;
}
.osebna .photo {
	float: left;
	text-align: right;
	width: 120px;
}
.osebna .data, .osebna .col3 {
	float: left;
	margin-left: 2em;
}
.osebna h3 { text-transform: uppercase; }

.vir {
	font-style: italic;
	text-align: right;
	margin-bottom: 1em;
}
.address { padding-left: 1.5em; }
.address span { font-size: .9em; }

#mainContent .article h3 {
	text-transform: uppercase;
	margin-top: 1.8em; }

.newsitem { margin-bottom: 1em; }
.newsitem h3 {
	display: inline;
	text-transform: uppercase;
}
.newsitem .date, .newsArticle .date {
	display: block;
	float: left;
	width: 10em;
	margin-right: 1.5em;
	padding: 2px;
	background: #f0f0f0;
}
.newsitem p { clear: both; }
.newsitem .more {
	margin-top: 2px;
	padding-bottom: 5px;
	font-size: .9em;
	background: #fff url(img/more_dashed.gif) repeat-x right bottom;
}

.newsArticle h2 { background-image: url(img/newsarticle.gif); }

#mainContent .siteContents li ul {
	margin-top: .3em;
	margin-bottom: .5em;
}
#mainContent .siteContents li ul li {
	background: url(img/li_subsub.gif) no-repeat .2em .5em;
}
#mainContent .siteContents li ul li ul li {
	font-size: .9em;
	background: url(img/li_subsub2.gif) no-repeat .2em .5em;
}
#mainContent .siteContents a:link, #mainContent .siteContents a:visited, #mainContent .siteContents a:active {
	text-decoration: none;
	border-bottom: 1px solid #d4e9fa;
}
#mainContent .siteContents a:hover { border-bottom: 1px solid #5aaae8; }
#mainContent .siteContents li a { font-weight: bold; }
#mainContent .siteContents li ul li a { font-weight: normal; }


/* =FORMS and =TABLES
--------------------------------------------------------------------------- */
form { font-size: .9em; }
fieldset {
	margin: 1em 0;
	padding: 1em; padding-top: 0;
	border: 1px solid #dedede;
	background: #f8f8f8;
}
#mainContent fieldset p { margin: .5em 0 0; }
legend {
	font-weight: bold;
	font-size: 1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #026cab;
	padding: 0 8px;
	margin-bottom: .6em;
	background: #fff;
	border: 1px solid #dedede;
	border-top: 1px solid #f8f8f8;
}
label {
	float: left;
	margin-right: 1em;
	width: 10em;
	text-align: right;
}
input { width: 200px; }
select { width: 12em; }
textarea {
	width: 300px;
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
}
input, textarea, select { font-size: 1.2em; }
label, input, textarea { padding: 1px; }
input.formbutton {
	font-size: 1em;
	width: 12em;
	background: #0787c9 url(img/formbutton_bg.gif) repeat-x left bottom;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	border: 1px solid #036dac;
	padding: 3px 0;
}
.required {
  font-size: 1.2em;
  font-weight: bold;
  padding-left: .5em;
  color: #f00;
}
.comment {
	text-align: right;
	font-size: .9em;
}

table {
	width: 100%;
	line-height: 1.3em;
	border-collapse: collapse;
	border: 1px solid #98c7ee;
}
caption {
	font-size: 1.1em;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	text-align: left;
	color: #026cab;
}
td, th { padding: .2em .5em; }
th {
	font-weight: normal;
	text-align: left;
	width: 60%;
	padding-right: 0;
}
td span, th span { font-size: .9em; }
tr.odd td, tr.odd th { background-color: #edf5ff; }






.flota_table
{
	width: 100%;
	line-height: 3.3em;
	border-collapse: collapse;
	border: 5px solid #ff0000;
}

/* ---------------------------------------------------------------------------
   =FIXES and =WORKAROUNDS, =Hacks
--------------------------------------------------------------------------- */
.clearfix:after {
  content:".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* Hides from IE-mac; targets IE Win only \*/
  * html .clearfix { height: 1%; }
/* End hide from IE-mac */