﻿/****************

    ERIC MEYER'S RESET

****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background:#000 url('bg/pozadina.jpg') repeat 0 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
strong{
    font-weight:bold; 
}
em{ 
    font-style:italic; 
}

/****************

    STRUCTURE

****************/

#container{ width:960px; margin:50px auto;  background:#000;  border: 1px solid #9a9a9a;/* -moz-border-radius: 10px; -webkit-border-radius: 10px; */}
    #header{ /**/ height:100px; position:relative; }
     #header #logo{ width:190px; height:90px; display:block; position:absolute; left:387px; }
      #header #logo span{ display:none; visibility:hidden; }
    #main{ padding:20px 0; float:left; width:960px; }
        #navigation{ position:relative; background:#000 url(bg/navi-divider.gif) repeat-x 0 100%; padding-bottom:10px; }
            #navigation ul{ list-style:none; padding:5px 15px; }
                #navigation li{ display:inline; font:15px Georgia, Arial; padding-right:20px; }
                #navigation a{ color:#fff; text-decoration:none; }
                #navigation a:hover, #navigation a.selected{ color:#E70C14; }
                
        ul#change-lang{ position:absolute; top:8px; right:10px; padding:0; }
        ul#change-lang li{ width:23px; height:15px; padding:0 5px 0 0; float:left; }
        ul#change-lang a{ display:block; width:23px; height:15px; }
        ul#change-lang .hrv{ background:url(bg/hrv.gif) no-repeat 0 0; }
        ul#change-lang .slo{ background:url(bg/slo.gif) no-repeat 0 0; }
        ul#change-lang .eng{ background:url(bg/eng.gif) no-repeat 0 0; }
        
        #content{ /**/ width:780px; background:#000; float:right;  }
        #sidebar{ float:left; margin:0 15px; background:#000; width:148px; border: 1px solid #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
            #sidebar ul{ list-style:none; padding:15px 20px; }
                #sidebar li{color: #fff; border-bottom:1px solid #fff; font:12px Georgia, Arial; padding:2px 0; }
                    #sidebar li a{ color:#aaa; text-decoration:none; padding:5px 0; display:block; background:url(bg/dot-gray.gif) no-repeat 0 8px; padding-left:15px; }
                    #sidebar a:hover, #sidebar a.selected{ color:#E70C14; }
        #image-preview{ float:left; }
        #image-gallery{ list-style:none; overflow:auto; height: 395px; }
        #image-gallery li{ float:left; padding:0 0 6px 15px; }
        #image-gallery img{ display:block; }
        
    #footer{ position:relative; clear:both; /**/ background:#2B2B2B; padding:5px; }
        #footer ul{ text-align:right; list-style-position:outside; padding:5px 10px;  }
        #footer li{ font:12px Georgia, Arial; display:inline; padding:0 10px 0 20px; background:url(bg/dot.gif) no-repeat 0 50%; }
        #footer li a{ color:#fff; text-decoration:none;}
        
    #ador{ position:absolute; width:21px; height:10px; top:13px; left:15px; background:url(bg/ador.gif) no-repeat 0 0; }
    #ador1{ position:absolute; width:21px; height:10px; top:8px; left:60px; text-decoration:none; }

    #certicate{ float:left; margin:0 15px; padding-bottom:50px; }
/****************

    TEXT

****************/

h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
p{ font:12px/1.4em Georgia, Arial; color:#fff; margin:10px 0;}

/****************

    LINKS

****************/

a{ text-decoration:underline; color:#fff;}
a:hover{ text-decoration:none; color:#E70C14;}

/****************

    IMAGES

****************/

img{}

/****************

    LISTS

****************/

ul, ol, dl{}
dt{}
dd, li{}

/****************

    TABLES

****************/

table{}
th, td{}
thead, tbody, tfoot{}

/****************

    FORMS

****************/

select{}
option{}
fieldset{}
label{ color:#fff; }
input, textarea{ width:300px; padding:2px; }
.submit{ margin-left:120px; width:auto; cursor:pointer; }

.flash-replaced .alt { display: block; height: 0; position: absolute; overflow: hidden; width: 0; }
.hdnSpam{ display:none; }

.kontakt-forma{ list-style:none; float:left; padding:20px; }
.kontakt-forma li{ float:left; padding:3px 10px; }
.kontakt-forma span{ float:left; width:120px; color:#fff; font:12px/1.4em Georgia, Arial; }
