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

body {
font-family: Verdana;
background-color: #F0F0E3;
margin-top:0px;
font-size: 62.5%;
line-height:1.5;
}

/* global */
ul li a {text-decoration:none;}
ul li a:hover {text-decoration:underline;}
.hidden {display:none;}
h1 {font-size:2.4em; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; line-height:1.2em}
h2 {font-size:2em; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing:1px; line-height:1.2em}
h3 {font-size:1.5em; font-family: Georgia, "Times New Roman", Times, serif; font-variant:small-caps; font-weight:bold; line-height:1.2em}
h4 {font-weight:bold; font-family: Georgia, "Times New Roman", Times, serif; letter-spacing: 2px;}
.alert {padding:10px; font-size:0.9em;}
.nomargin {margin:0}
/* header */
#logo, #mtnav {
height:180px;
background-color:#FFF;
position:relative;
margin-bottom:20px;
}

#logo h1 {
height:180px;
width:220px;
margin:0;
padding:0;
text-indent:-9999px;
}

#mtnav {
background-color: transparent;
}

/* rounded corners
** .tr = top right
** .br = bottom right
** .bl = bottom left
** .tl = top left
*/
.tr, .br, .bl, .tl, .trw, .brw, .blw, .tlw {
position:absolute;
width:10px;
height:10px;
behavior: url(js/iepngfix/iepngfix.htc); /* png transparency for ie6 */
}

.tr {background:transparent url(../images/layout/topright.png) no-repeat; top:0; right:0;}
.br {background:transparent url(../images/layout/bottomright.png) no-repeat; bottom:0; right:0;}
.bl {background:transparent url(../images/layout/bottomleft.png) no-repeat; bottom:0; left:0;}
.tl {background:transparent url(../images/layout/topleft.png) no-repeat; top:0; left:0;}

.trw {background:transparent url(../images/layout/toprightw.png) no-repeat; top:0; right:0;}
.brw {background:transparent url(../images/layout/bottomrightw.png) no-repeat; bottom:0; right:0;}
.blw {background:transparent url(../images/layout/bottomleftw.png) no-repeat; bottom:0; left:0;}
.tlw {background:transparent url(../images/layout/topleftw.png) no-repeat; top:0; left:0;}

/* sub navigation [sn]
** color themes depends on body class
*/

.snhead {
height:30px;
position:relative;
background-color:#333333;
margin-bottom:1px;
}

.snhead h6 {
width:100%;
margin:0;
line-height:30px;
font-size:1.4em;
font-weight:bold;
font-family: Georgia, "Times New Roman", Times, serif;
color:#FFFFFF;
}

.snhead h6 a {
display:block;
padding-left:10px;
}

.snhead h6 a:hover {
text-decoration:underline;
}

.snlist {
width:100%;
position:relative;
margin-bottom:20px;
}

.snlist ul{
background-color: #FFF;
margin:0;
list-style-type:none;
padding:0px;
line-height:1.8em;
font-size:1.2em;
}

.snlist ul li a {
display:block;
padding-left:10px;
height:100%;
border-bottom:1px solid #EEE;
}

/*
** main content
*/

.title-img {
	position:relative;
}

#main {
background-color:#FFF;
position:relative;
font-size:1.2em;
margin-bottom:20px;
}

.inner {
padding:10px;
}

.caption {
background:#EEE url(../images/layout/toprightw.png) no-repeat top right;
border-bottom:1px solid #CCC;
border-top:1px solid #FFF;
font-size:0.75em;
line-height:2;
padding:5px;
text-align:left;
color:#777;
}

.imgRow {
background-color:#F0F0E3;
padding:10px;
position:relative;
margin-bottom:10px;
zoom:1;
}

.imgRow a {
position:relative;
float:left;
margin-right:15px;
border:none;
}


.imgRow .last {
margin-right:0px;
}


/*
** iLinks
*/

.ilink {
position:relative;
margin-bottom:20px;
}

.ilink a {
display:block;
height:100%;
cursor:pointer;
}

.ilink .mask {
background:transparent url(../images/layout/ilink-mask.png) no-repeat top left;
position:absolute;
top:0;
left:0;
width:160px;
height:100px;
overflow:auto;
behavior: url(js/iepngfix/iepngfix.htc); /* png transparency for ie6 */
}

.ilink .ilink-text {
height:20px;
background:white;
position:relative;
text-align:right;
padding-right:10px;
line-height:20px;
font-weight:bold;
}

.ilink .ilink-text a:link,
.ilink .ilink-text a:visited,
.ilink .ilink-text a:active {
text-decoration:none;
}
.ilink .ilink-text a:hover {
text-decoration: underline;
}

/*
** footer
*/
#footer {
background-color:#FFFFFF;
height:40px;
position:relative;
margin-bottom:20px;
}

#footer p {
text-align:center;
line-height:18px;
}

#footer a {
text-transform:uppercase;
font-size:1.1em;
}

/*
** fotogalerie
*/

.fotog-info {
	position:relative;
	background-color:#F0F0E3;
	margin-bottom:20px;
	float:left;
	width:500px;
}

.fotog-info .fotog-img {
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	display:inline;
}

.fotog-info p {
	margin:0;
}

.fotog-info a p {
	font-weight:normal;
}


.fotog a {
	width:150px;
	height:120px;
	display:block;
	float:left;
	text-align:center;
	margin-left:12px;
	margin-bottom:12px;
	background-position:center;
	background-color:#F0F0E3;
	background-repeat:no-repeat;
}

.lista{
  background-image: url(../images/lista.gif);
	background-position:center;
	background-repeat:no-repeat; 
	margin-bottom: 20px;
	height: 27px;
	
}

.lista .listatext{
  font: Verdana;
  color: rgb(130,130,130);
  margin-left:30px;
  padding-top:4px;
  vertical-align: middle;
  font-size: 13px;
}

.lista .listatext a:link,
.lista .listatext a:visited,
.lista .listatext a:active {
text-decoration:none;
color:rgb(130,130,130);
font-weight: normal;
}
.lista .listatext a:hover {
text-decoration:none;
background-color: rgb(255,255,255);
font-weight: normal;
}

.lista .oddelovac{
  background-image: url(../images/oddelovac.jpg);
	background-position:center;
	background-repeat:no-repeat; 
	margin-left: 15px;
	margin-right: 15px;
	height: 25px;
	width: 1px;
}