@charset "utf-8";

body {
	color: #666;
	font-size: 12px;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/back.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#top {
	height: 132px;
	width: 710px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/oblacki2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

#language {
	margin-top:71px;
	margin-right:20px;
	height: 10px;
	width: 50px;
	float: right;
	text-align: center;
	line-height: 10px;
}
#banner {
	margin-right: auto;
	margin-left: auto;
	height: 149px;
	background-image: url(../images/default2.jpg);
}

#bannerPiran {
	margin-right: auto;
	margin-left: auto;
	height: 149px;
	background-image: url(../images/piran.jpg);
}

#bannerKranjskaGora {
	margin-right: auto;
	margin-left: auto;
	height: 149px;
	background-image: url(../images/vrh.jpg);
}

#bannerGorje {
	margin-right: auto;
	margin-left: auto;
	height: 149px;
	background-image: url(../images/gorje2.jpg);
}

#bannerSavudrija {
	margin-right: auto;
	margin-left: auto;
	height: 149px;
	background-image: url(../images/savudrija.jpg);
}

#bannerUmag {
	margin-right: auto;
	margin-left: auto;
	height: 149px;
	background-image: url(../images/umag.jpg);
}

#bannerPorec {
	margin-right: auto;
	margin-left: auto;
	height: 149px;
	background-image: url(../images/porec.jpg);
}

#rightContent {
	float: right;
	width: 185px;
	height: 500px;
	margin-top: 15px;
}
#vsebina2 {
	padding:5px 10px 15px 15px;
}

.imageContent {
	margin-bottom:20px;
}


#box1 {
	height: 160px;
	width: 175px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/box1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#box1_eng {
	height: 160px;
	width: 175px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/eng/box1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#box2 {
	height: 90px;
	width: 175px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	background-image: url(../images/box2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 61px;
}
#box2_eng {
	height: 90px;
	width: 175px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	background-image: url(../images/eng/box2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 61px;
}
#box2 a, a:visited
{
color:#DF8D00;
}

#box2 a:hover
{
color:#DF8D00;
text-decoration:underline;
}

#box2_eng a, a:visited
{
color:#DF8D00;
}

#box2_eng a:hover
{
color:#DF8D00;
text-decoration:underline;
}

#ilPosition 
{
	margin-top: 60px;
	margin-right: auto;
	margin-left: auto;
	width: 140px;
}


#box3 {
	height: 151px;
	width: 175px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/kontakt.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#box3_eng {
	height: 151px;
	width: 175px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/eng/kontakt.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.titleLeft {
	height: 43px;
	margin-bottom: 10px;
	background-image: url(../images/ozavodu.gif);
	background-repeat: no-repeat;
	background-position: center center;
}


.titleLeftEng {
	height: 43px;
	margin-bottom: 10px;
	background-image: url(../images/eng/ozavodu.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.titleRight {
	height: 43px;
	margin-bottom: 10px;
	background-image: url(../images/novice2.gif);
}

.titleRightEng {
	height: 43px;
	margin-bottom: 10px;
	background-image: url(../images/eng/novice2.gif);
}

#footer {
	height: 30px;
	background-image: url(../images/trava.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFB700;
	font-size: 12px;
	padding-top: 75px;
	padding-left: 20px;
}
#footer2 {
	height: 30px;
	background-image: url(../images/beach.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #FFB700;
	font-size: 12px;
	padding-top: 75px;
	padding-left: 20px;
}

#leftContent {
	width: 515px;
	float: left;
	margin-top: 15px;
}


#mainContent {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	float: left;
	height: 132px;
	width: 165px;
	background-image: url(../images/logo2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#firstLeft {
	width: 255px;
	float: left;
}
#firstRight {
	width: 253px;
	float: right;
}


#menu ul {
	margin: 0px;
	padding: 0px;
}
#menu img {
}
#menu img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#menu li {
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
	float: left;
}

a:link{color:#1594bd;text-decoration: none;}
a:visited{color:#1594bd;
text-decoration: none;}
a:hover{color:#1594bd; text-decoration: underline;}

h1 span, h2 span {
display: none;
}

.vsebina h1{
    background: url(../images/ozavodu.gif) no-repeat top left;
	height:43px;
	}

.vsebina h2{
     background: url(../images/novice2.gif) no-repeat top left;
	height:43px;
	}

#vsebina h3{
font-size: 20px;
color:#1594bd;
font-weight: normal;
padding:0;
border-bottom:1px dotted #ccc;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 0px;
	line-height: 0px;
	margin:0px;
}


#footer a {
	color: #FFFFFF;
}
#footer a:visited {
	color: #FFFFFF;
}
.boxp{margin-top:25px;}	 
.boxp img{
	border: 1px solid #FFB701;
	margin: 5px 5px 10px 20px;}

#footer a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
#footer2 a {
	color: #FFFFFF;
}
#footer2 a:visited {
	color: #FFFFFF;
}
#footer2 a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}
.linkBox2 {
	width: 120px;
	list-style: none;
	background: url(../images/li-bullet.gif) no-repeat 0 5px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 12px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.pres{
    padding:0;
}