@charset "utf-8";
* {
margin : 0 auto 0 auto;
padding : 0;
}
body {
	margin : 0 auto 0 auto;
	color : #000;
	background-repeat : no-repeat;
	background-position : center top;
	background-color : #999999;
	background-image : url(pozadine/podloga-finalno.jpg);
	line-height: 180%;
	font-size: 62.5%;
}
div, p, ul, h2, h3, h4 {
padding : 0;
margin : 0;
border : none;
}
ul {
list-style-type : none;
}
.spacer {
	clear : both;
	font-size : 0;
	line-height : 0;
}
a {
outline : none;
color : #000000;
text-decoration : none;
}
a:hover {
color : #d7447b;
}
a img {
border : 0 none #cccccc;
}
a.lang {
float : right;
color : #fff;
text-decoration : none;
font-size : 1.1em;
}
h1 {
	border : none;
	padding : 0;
	font-size: 1.6em;
	line-height: 5em;
	font-weight: bold;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}
h2 {
	font-size : 1.3em;
	border : none;
	margin : 0;
	padding : 0;
	color : #000000;
	line-height : 1.3em;
	font-weight : normal;
	font-family: Arial, Helvetica, sans-serif;
}
h2.black {
font-size : 3em;
border : none;
margin : 0;
padding : 0;
color : #333;
line-height : 1.3em;
letter-spacing : 1px;
font-weight : normal;
}
h3 {
	font-size : 1em;
	border : none;
	margin : 0;
	padding : 0;
	color : #000000;
	line-height : 1.4em;
	font-weight : bold;
	font-family: Arial, Helvetica, sans-serif;
}
h4 {
	font-size : 1em;
	border : none;
	margin : 0;
	padding : 0;
	line-height : 1.2em;
	font-weight : normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
}
h5 {
font-size : 2.2em;
border : none;
margin : 0;
padding : 0;
line-height : 1.2em;
font-weight : normal;
}
h6 {
font-size : 2em;
border : none;
margin : 0;
padding : 0;
text-transform : uppercase;
line-height : 1.2em;
font-weight : normal;
}
p {
	font-size : 1.2em;
	border : none;
	padding : 0;
	margin : 0;
	text-decoration : none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.8em;
}
p.heading {
font-size : 1.4em;
border : none;
padding : 0;
margin : 20px 0 10px 0;
color : #c0272d;
font-weight : bold;
}
p.heading_2 {
font-size : 1.2em;
border : none;
padding : 0;
margin : 10px 0 10px 0;
color : #333;
font-weight : bold;
}
p.margin_topbot {
font-size : 1.2em;
border : none;
padding : 0;
margin : 10px 0 10px 0;
}
p.q {
font-size : 1.2em;
color : #c0272d;
border : none;
padding : 0;
margin : 20px 0 10px 0;
font-weight : normal;
font-style : italic;
}
.hr {
margin : 10px 0 10px 0;
padding : 0;
border-bottom-width : 1px;
border-top-style : none;
border-right-style : none;
border-bottom-style : solid;
border-left-style : none;
border-bottom-color : #9b9b9b;
}
.hr_margin {
border-bottom : 1px solid #9b9b9b;
border-left : none;
border-right : none;
border-top : none;
margin : 10px 0 0 0;
padding : 0;
}
.hr_nomargin {
border-bottom : none;
border-left : none;
border-right : none;
border-top : 1px solid #9b9b9b;
}
.hr_s {
border-bottom : 1px solid #cccccc;
border-left : none;
border-right : none;
border-top : none;
margin : 10px 0 10px 0;
padding : 0;
width : 200px;
}
.left {
float : left;
}
.right {
float : left;
}
.right_margin {
float : right;
}
#wrapper {
width : 960px;
height : 100%;
padding : 0;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
#header {
height : 400px;
margin : 0;
padding : 0;
}
#menu {
	padding : 0;
	margin : 0;
	border-bottom : none;
	border-left : none;
	border-right : 1px solid #9b9b9b;
	border-top : none;
	float : right;
}
#menu a {
	float : left;
	text-align : right;
	text-decoration : none;
	font-size : 1.2em;
	font-weight : bold;
	color : #000;
	display : block;
	border-bottom : none;
	border-left : 1px solid #9b9b9b;
	border-right : none;
	border-top : none;
	text-transform : lowercase;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#menu a:hover {
color : #d7447b;
}
#menu a.current {
color : #d7447b;
}
#main {
padding : 10px;
margin : 25px 0 25px 0;
}
.teaser {
width : 900px;
margin : 0;
padding : 20px;
border-bottom : 1px solid #9b9b9b;
border-left : none;
border-right : none;
border-top : none;
}
.main_content {
float : left;
padding : 10px;
margin : 20px 0 20px 0;
width : 460px;
}
.side_content {
float : right;
padding : 10px 10px 10px 40px;
margin : 65px 0 20px 0;
width : 370px;
}
ul {
padding : 20px;
margin : 0;
}
ul li {
list-style-position : inherit;
padding : 0 0 0 5px;
margin : 0;
font-size : 1.2em;
line-height : 1.4em;
}
.huge {
font-size : 10em;
color : #000;
}
#footer {
	width : 940px;
	margin : 0;
	border-top-width : 1px;
	border-top-style : solid;
	border-right-style : none;
	border-left-style : none;
	border-top-color : #9b9b9b;
	height : 20px;
	padding-top: 10px;
}
div.img {
	height : 185px;
	width : 145px;
	float : left;
	text-align : center;
	margin : 4.4px;
	padding-top : 0;
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-top-style : solid;
	border-right-style : solid;
	border-bottom-style : solid;
	border-left-style : solid;
	border-right-color : #333333;
	border-bottom-color : #333333;
	background-color : #e4e4e4;
	border-top-color: #999999;
	border-left-color: #999999;
}
div.img img {
display : inline;
margin : 0;
border : 0 none #ffffff;
}
div.desc {
	text-align : center;
	font-weight : normal;
	margin : 2px;
	color : #333333;
	font-size : 9px;
	line-height : 12px;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
}
#lightbox {
position : absolute;
top : 20px;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
color : #151410;
}
#lightbox a, #lightbox a:hover {
border-bottom : none;
color : #151410;
text-decoration : underline;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#loadingLink {
display : block;
margin : 0 auto;
padding : 0;
width : 32px;
height : 32px;
background : url(lightbox/images/loading.gif) no-repeat center center;
text-indent : -9999px;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLinkImg, #nextLinkImg {
width : 49%;
height : 100%;
background : transparent url(lightbox/images/blank.gif) no-repeat;
display : block;
text-indent : -9999px;
}
#prevLinkImg {
left : 0;
float : left;
}
#nextLinkImg {
right : 0;
float : right;
}
#prevLinkImg:hover, #prevLinkImg:visited:hover {
background : url(lightbox/images/prevlabel.gif) no-repeat left 15%;
}
#nextLinkImg:hover, #nextLinkImg:visited:hover {
background : url(lightbox/images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
}
#imageData {
padding : 0 10px;
}
#imageDetails {
width : 70%;
float : left;
text-align : left;
}
#caption {
font-weight : bold;
}
#numberDisplay {
display : block;
clear : left;
}
#detailsNav {
display : block;
clear : left;
padding : 0 0 10px 0;
}
#prevLinkDetails {
margin : 0 8px 0 0;
}
#nextLinkDetails {
margin : 0 8px 0 0;
}
#closeLink {
display : block;
margin : 0;
padding : 0 0 10px 0;
text-decoration : none;
float : right;
width : 66px;
height : 28px;
text-indent : -9999px;
overflow : hidden;
background-image : url(lightbox/images/closelabel.gif);
background-repeat : no-repeat;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #151410;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html > body .clearfix {
display : inline-block;
width : 100%;
}
* html .clearfix {
height : 1%;
}
#header img {
	height : 145px;
	width : 145px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-right-style : solid;
	border-bottom-style : solid;
	border-right-color : #333333;
	border-bottom-color : #999999;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-color: #999999;
	border-left-color: #999999;
}
#logo {
float : left;
height : 90px;
width : 400px;
background-image : url(pozadine/artalogo.jpg);
background-repeat : no-repeat;
background-position : left bottom;
}
#fotka {
	float : left;
	height : 380px;
	width : 450px;
	background-image : url(pozadine/uvodna.jpg);
	background-repeat : no-repeat;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #CCCCCC;
}
#tekst {
	float : right;
	width : 400px;
	padding-top : 100px;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 0px;
}
#logo2 {
float : right;
width : 500px;
padding-top : 60px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.style1 {
color : #d6447b;
}
#menu p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
}
#ogledala-opis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	float: right;
	width: 400px;
	padding-top: 15px;
	padding-right: 20px;
	padding-left: 15px;
}