﻿@charset "UTF-8";

/* JATIS CSS 1.0. - 02.06.2010, IZDELAVA: 1A INTERNET-------------------------------------------------------*/
/* Zadnji popravek: 3-junij-2010 */

* {margin:0; padding:0;}
html {font-family: Trebuchet MS, Microsoft Sans Serif, Sans Serif, Arial, Verdana, Geneva, Helvetica; background-color:#38352E;}

img {border:0;}

p, h1, h2, h3, hr, ul, li, input, form, body {
	margin: 0;
	padding: 0;
}

/* Header */
#top {float:left; width:100%; height:262px; background-image: url('images/top-ozadje.jpg'); background-repeat:repeat-x;}
#topdiv {margin:0 auto; width:952px; height:261px; background:transparent url('images/main.jpg') no-repeat;}
#topleft {float:left; width:284px; /*height:262px;*/}
#toplefttop {float:left; width:284px; height:30px; background-color:#7A716D;}
#toplefttop li {float:left; list-style:none; font-size:14px; padding:5px 0 0 0;}
#toplefttop li.lang a {color:#231F20; text-decoration:none; margin-left:13px;}
#toplefttop li.lang a:hover {color:#FFF;}
#toplefttop li.naslovnica a {color:#FFF; text-decoration:none; margin-left:90px;}
#toplefttop li.naslovnica a:hover {text-decoration:underline;}

#evropa {float:left; width:337px; height:262px; _height:232px; background:transparent url('images/evropa.jpg') no-repeat; margin:0 0 0 -53px;}
#shadowevropabottom {float:left; width:283px; height:31px; background:transparent url('images/bottom-shadow-evropa.jpg') no-repeat;}
#topright {float:left; width:668px; height:262px; background:transparent url('images/shadowevroparight.jpg') no-repeat left 30px;}
.logo {float:right; width:247px; height:99px; margin:0 -2px 0 0;}
#topmeni {float:left; width:668px; height:262px; background:transparent url('images/topmeni.jpg') no-repeat left bottom; _background:transparent url('images/topmeni.jpg') no-repeat 1px bottom;}

/* Meni */
#meni {float:left; width:660px; height:27px; background:transparent url('images/meniozadje.jpg') repeat-x;}
#meni li {float:left; list-style:none; font-size:14px; line-height:14px;}
#meni li a {float:left; background:transparent url('images/meniball.jpg') no-repeat left top; color:#404041; text-decoration:none; padding-left:11px;}
#meni li.mn1 a {margin-left:11px;}
#meni li.mn2 a {margin-left:21px;}
#meni li.mn3 a {margin-left:22px;}
#meni li.mn4 a {margin-left:19px;}
#meni li.mn5 a {margin-left:22px;}
#meni li.mn6 a {margin-left:20px;}
#meni li.mn7 a {margin-left:20px;}
#meni li a:hover {background:transparent url('images/meniballhover.jpg') no-repeat left top; color:#D52229;}
#meni li.selected a {background:transparent url('images/meniballhover.jpg') no-repeat left top; color:#D52229;}

/* Main Body */
#vsebina {float:left; width:100%;; background-image: url('images/center-ozadje.jpg'); padding-bottom:10px;}
#vsebinadivline {float:left; width:100%; background-image: url('images/top-line-bottom.jpg'); background-repeat:repeat-x; background-position:left top;}
#vsebinadivline-orel {float:left; width:100%; background:transparent url('images/orel.png') no-repeat center 7px;}

#content {margin:0 auto; width:953px; padding-left:1px;}
#contentback {float:left; width:952px; background:transparent url('images/ozadje-content.jpg') repeat-y; margin-left:1px;}
#contentbottom {float:left; width:952px; background:transparent url('images/ozadje-bottom-content.jpg') no-repeat left bottom;}

#contentyellow {float:left; width:952px; background:transparent url('images/toprumeno.jpg') repeat-x;}
#contentyellowdiv {float:left; width:952px; height:32px; background: transparent url('images/senca-rumeno.jpg') no-repeat right top;}

/* Left Sidebar */
#left {float:left; width:291px;}
#leftmeni {float:left; width:291px;}
#leftcontent {float:left; width:291px; height:108px; background:transparent url('images/left-content.jpg') no-repeat; margin:17px 0 0 0;}
#leftcontent-oz {float:left; width:291px; background:transparent url('images/left-content-ozadje.jpg') repeat-y;}
#leftcontent-noga {float:left; width:291px; height:14px; background:transparent url('images/left-content-noga.jpg') no-repeat;}
.storitve a {float:left; width:141px; height:26px; font-size:16px; text-align:center; color:#FFF; text-decoration:none; margin:53px 0 0 140px;}
.storitve a:hover {color:#404041;}
.leftmeni {float:left; padding:2px 0 8px 0;}
.leftmeni li {float:left; list-style:none; padding-bottom:8px; float:left; width:220px; font-size:14px; text-decoration:none; background:transparent url('images/puscica.jpg') no-repeat left 6px; padding-left:18px; margin:0 0 0 30px; color:#404041;}
.leftmeni li a {float:left; width:220px; font-size:14px; text-decoration:none; background:transparent url('images/puscica.jpg') no-repeat left 6px; padding-left:18px; margin:0 0 0 30px; color:#404041;}
.leftmeni li a:hover {color:#D52229;}

#leftvideo {float:left; width:291px; height:108px; background:transparent url('images/left-video.jpg') no-repeat; margin:17px 0 0 0;}
#leftvideo-oz {float:left; width:291px; background:transparent url('images/left-content-ozadje.jpg') repeat-y;}
#leftvideo-noga {float:left; width:291px; height:14px; background:transparent url('images/left-content-noga.jpg') no-repeat;}

#buttons {float:left; width:291px; margin:22px 0 0 0;}
.button a {float:left; width:155px; height:36px; font-size:16px; background:transparent url('images/button.png') no-repeat; margin:0 0 4px -2px; text-align:center; text-decoration:none; color:#FFF; padding-top:6px;}
.button a:hover {color:#404041;}

/* Right Sidebar */
#right {float:left; width:661px; padding-bottom:110px; text-align:justify;}
#rightcontent {float:left; width:585px; margin:19px 0 0 38px; _margin:19px 0 0 19px; font-size:14px; color:#231F20; line-height:22px;}
#galerijadiv {float:left; width:585px; margin:0 0 0 38px; _margin:0 0 0 19px;}
.galerija {float:left; margin: 10px;}

.title {float:left; width:585px; padding-bottom:26px;}
.title h1 {font-family:"Verdana, Georgia"; color:white; font-size:26px;}
.nastevanje {float:left; margin-top:14px;}
.nastevanje li {float:left; width:560px; list-style:none; background: transparent url('images/ball.jpg') no-repeat left 4px; padding-left:25px; margin-bottom:8px;}
.red {color:#D52229;}

/* Foot bar */
	/*color:#F6D213; rumena*/
#footer {float:left; width:952px; height:50px;}
#footerleft {float:left; width:310px; height:50px;}
.tel {float:left; color:#F6D213; margin:5px 0 0 50px; font-size:16px;}
#footerright {float:left; width:642px; height:50px; font-size:12px; line-height:14px;}
#footerright a {text-decoration:underline; color:#FFF;}
#footerright a:hover {text-decoration:none;}
.yell {color:#F6D213;}
.whit {color:#FFF;}

/* Footer */
#noga {float:left; width:100%; /*height:128px;*/ height:50px; background-color:#38352E;}
#izdelava {margin:0 auto; width: 952px; height: 24px; text-align:right; font-family: Arial, Verdana, Geneva, Tahoma,  Helvetica, sans-serif; font-size:10px; color: #978a7d; line-height:24px; padding-right:20px;}
a.noga-link {font-size: 10px; font-family: Verdana, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; color: #978a7d; background-image:url('images/1ainternet.png'); background-repeat:no-repeat; background-position:right; padding-right:70px;}
a.noga-link:hover {text-decoration: underline;}
a.noga-link-flamus {font-size: 10px; font-family: Verdana, Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; color: #978a7d; margin-right:30px;}
a.noga-link-flamus:hover {text-decoration: underline;}

