@import url('kariera.css');

body
{
	text-align: center;
	background-image:url('images/baclground.jpg');
	background-repeat:repeat-x;
	margin: 0px;
	margin: 0px;
	font-family: "Lucida Sans";
}

p{
	font-family: "Lucida Sans";
	font-size: 14px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
}

h1 {
	
	font-family: "Lucida Sans";
	font-size: 24px;
	color: #202e61;
	text-align: left;
}

h2 {
	
	font-family: "Lucida Sans";
	font-size: 18px;
	color: #202e61;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

a {
	margin: 0px;
	font-family: "Lucida Sans";
	color: #000000;
	text-decoration:none;
	font-size:17px;
} 

img
{  
border-style: none;
}

.first{
margin-left: 40px;
}

#glava
{
margin: 0px;
}

#glava a {
	font-size: 14;
}

#vsebina
{
margin-left: 200px;
width: 860px;
height: 1000px;
background-color:#ffffff;
}

.locnica
{
margin-left: -80px;
margin-right: 35px;
position: relative;
z-index:-1;
}

.first{
margin-left: 40px;
}

.xouter3{
width:830px;
margin:15px 0 15px 0;
overflow:visible;
}
.xleftcol3{
float: left;
width: 230px;
overflow:visible;
}
.xmiddlecol3 {
overflow:visible;
float: left;
margin-left: 25px;
}

* html .xmiddlecol3{float:left}
* html .xmiddlecol3 .xinner3{width:100%;}

.xrightcol3 {
float:right;
width: 270px;
overflow:visible;
}

div#container
{
	margin-top: 0px;	
	margin-left: auto;
	margin-right: auto;
	width: 830px;
    text-align: left;
}

div#containerK
{
	margin-top: 0px;	
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	height: 1300px;
    text-align: left;
}

div#containerP
{
	margin-top: 0px;	
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	height: 1100px;
    text-align: left;
}

div#containerT
{
	margin-top: 0px;	
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	height: 1250px;
    text-align: left;
}

div#container5
{
	margin-top: 0px;	
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	height: 300px;
    text-align: left;
}

div#container3
{
	margin-top: 0px;	
	margin-left: auto;
	margin-right: auto;
	width: 830px;
	height: 40px;
    text-align: right;	
}

div#containerV
{
	margin-top: 0px;	margin-left: auto;
	margin-right: auto;
	width: 830px;
	height: 600px;
    text-align: right;
position: fixed;	
}

  #inner {
                zoom: 1;
                position: relative;
            }

.banner{
margin-left: -35px;
}

#miniLOGO{
width: 23px;
height: 23px;
background-image:url('images/mini_logo.jpg');
float: left; 
margin-right: 5px;
}

.miniONAS{
margin-top: 5px;
}

.PTS{
margin-left: -30px;
margin-top: 50px;
overflow:visible;
z-index: 5005;
}

.kakovost{
margin-left: -15px;
}

.veseli{
margin-left: -30px;
margin-top: 30px;
margin-bottom: 30px;
}


#FOOTERlinija{
width: 100%;
height: 1px;
background-color: #8d9ab3;
}

#banner{
margin-left: -40px;
width: 860px;
height: 290px;
background-image:url('images/banner.png');
}

#bannerINNER{
width: 799px;
height: 228px;
background-image:url('images/banner_inner2.png');
position: absolute;
margin-top: 30px;	
margin-left: 30px;
}

#bannerINNER3{
width: 799px;
height: 228px;
background-image:url('images/banner_inner3.png');
position: absolute;
margin-top: 30px;	
margin-left: 30px;
}

#imageBG {
width: 259px;
height: 187px;
background-image:url('images/imageBG.png');
position: relative;
margin-top: 0px;	
margin-left: 0px;
}

#imageINNER1{
width: 224px;
height: 150px;
background-image:url('images/pic1.jpg');
position: absolute;
margin-top: 18px;	
margin-left: 18px;
}

#imageINNER2{
width: 224px;
height: 150px;
background-image:url('images/pic2.jpg');
position: absolute;
margin-top: 18px;	
margin-left: 18px;
}

#imageINNER3{
width: 224px;
height: 150px;
background-image:url('images/pic3.jpg');
position: absolute;
margin-top: 18px;	
margin-left: 18px;
}

#locnica1{
width: 100%;
height: 1px;
background-image:url('images/locnica1.jpg');
position: absolute;
margin-top: 9px;
margin-left: 0px;
margin-bottom: 9px;
position: relative;
overflow: hidden;
}

#locnica2{
width: 535px;
height: 10px;
background-image:url('images/locnica2.png');
position: relative;
margin-top: 0px;
margin-left: 0px;
overflow:hidden;
}

.proizvodnja {
margin-top: -7px;
margin-left: 25px;
}

#roki{
width: 601px;
height: 485px;
background-image:url('images/roki.png');
position: absolute;
z-index: -1;
margin-top: 500px;
margin-left: 400px;
}


#direktorOUTER{
width: 240px;
height: 274px;
background-image:url('images/direktorOUTER.png');
position: relative;
margin-top: 10px;
margin-left: -10px;
}

.onas{
margin-top: 45px;
}

#direktorINNER{
width: 212px;
height: 246px;
background-image:url('images/direktorINNER.png');
position: absolute;
margin-top: 14px;	
margin-left: 14px;
}

.direktor{
font-size: 16px;
color: #0757575;
margin-top: 0px;	
margin-left: 85px;
}

#skupinskaINNER{
width: 557px;
height: 167px;
background-image:url('images/skupinskaINNER.jpg');
position: relative;
margin-top: 5px;	
margin-left: 7px;
}

.veselimo{
float: right;
font-size: 22px;
color: #0757575;
position: relative;
}














#contact-form {  
	clear: both;
	float: left;
    background-color:#F2F7F9;  
    width:230px;  
    padding:10px;  
    margin-top: 30px;
    margin-left: 0px;	
	margin-bottom: 30px;
    border-radius: 5px;  
    position:relative;  
}  
  
#contact-form h1 {  
    font-size: 12px;  
}  
  
#contact-form h2 {  
    margin-bottom:15px;  
    font-style:italic;  
    font-weight:normal;  
}  
  
#contact-form input,  
#contact-form select,  
#contact-form textarea,  
#contact-form label {  
    font-size:15px;  
    margin-bottom:2px;  
}  
  
#contact-form input,  
#contact-form select,  
#contact-form textarea {  
    width: 220px;  
    border: 1px solid #CEE1E8;  
    margin-bottom:20px;  
    padding:4px;  
}  
  
#contact-form input:focus,  
#contact-form select:focus,  
#contact-form textarea:focus {  
    border: 1px solid #AFCDD8;  
    background-color: #EBF2F4;  
}  
  
#contact-form textarea {  
    height:50px;  
    resize: none;  
}  
  
#contact-form label {  
    display:block;  
}  
  
#contact-form .required {  
    font-weight:bold;  
    color:#F00;  
}  
  
#contact-form #submit-button {  
    width: 100px;  
    background-color:#333;  
    color:#FFF;  
    border:none;  
    display:block;  
    float:rightright;  
    margin-bottom:0px;  
    margin-right:6px;  
    background-color:#8FB5C1;  
    -moz-border-radius:8px;  
}  
  
#contact-form #submit-button:hover {  
    background-color: #A6CFDD;  
}  
  
#contact-form #submit-button:active {  
    position:relative;  
    top:1px;  
}  
  
#contact-form #loading {  
    width:32px;  
    height:32px;  
    background-image:url(../img/loading.gif);  
    display:block;  
    position:absolute;  
    rightright:130px;  
    bottombottom:16px;  
    display:none;  
}  
  
#errors {  
    border:solid 1px #E58E8E;  
    padding:10px;  
    margin:25px 0px;  
    display:block;  
    width:437px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#FFE6E6 url(../img/cancel_48.png) no-repeat 405px center;  
    display:none;  
}  
  
#errors li {  
    padding:2px;  
    list-style:none;  
}  
  
#errors li:before {  
    content: ' - ';  
}  
  
#errors #info {  
    font-weight:bold;  
}  
  
#errors #info:before {  
    content: '';  
}  
  
#success {  
    border:solid 1px #83D186;  
    padding:25px 10px;  
    margin:25px 0px;  
    display:block;  
    width:250px;  
    -webkit-border-radius:8px;  
    -moz-border-radius:8px;  
    border-radius:8px;  
    background:#D3EDD3 url(../img/accepted_48.png) no-repeat 405px center;  
    font-weight:bold;  
    display:none;  
}  
  
#errors.visible, #success.visible {  
    display:block;  
}  
  
#req-field-desc {  
    font-style:italic;  
}  
  
/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */  
input:required, textarea:required {  
    -moz-box-shadow:none;  
    -webkit-box-shadow:none;  
    -o-box-shadow:none;  
    box-shadow:none;  
}  
  
/* Normalize placeholder styles */  
  
/* chrome, safari */  
::-webkit-input-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
  
/* mozilla */  
input:-moz-placeholder, textarea:-moz-placeholder {  
    color:#CCC;  
    font-style:italic;  
}  
  
/* ie (faux placeholder) */  
input.placeholder-text, textarea.placeholder-text  {  
    color:#CCC;  
    font-style:italic;  
}  









#HeadINN{
width: 799px;
height: 228px;
top: 10px;
left: 10px;
padding: 0px;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-image:url('images/H2.jpg');
behavior: url(PIE.htc);
position: relative;
}

#HeadINNp{
top: 10px;
left: 10px;
width: 799px;
height: 228px;
padding: 0px 0;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-image:url('images/H1.jpg');
behavior: url(PIE.htc);
position: relative;
}

#HeadINNk{
top: 10px;
left: 10px;
width: 799px;
height: 228px;
padding: 0px 0;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-image:url('images/H3.jpg');
behavior: url(PIE.htc);
position: relative;
}

#HeadINNt{
top: 10px;
left: 10px;
width: 799px;
height: 228px;
padding: 0px 0;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-image:url('images/H4.jpg');
behavior: url(PIE.htc);
position: relative;
}

#HeadINNs{
top: 10px;
left: 10px;
width: 799px;
height: 228px;
padding: 0px 0;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-image:url('images/HEADER-fotka-sotritve.jpg');
behavior: url(PIE.htc);
position: relative;
}

#HeadINNr{
top: 10px;
left: 10px;
width: 799px;
height: 228px;
padding: 0px 0;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-image:url('images/HEADER-reference.jpg');
behavior: url(PIE.htc);
position: relative;
}

#HeadINNkar{
top: 10px;
left: 10px;
width: 799px;
height: 228px;
padding: 0px 0;
text-align: center;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-image:url('images/KARIERA.jpg');
behavior: url(PIE.htc);
position: relative;
}


#HeadOUT{
margin-top: 20px;
margin-bottom: 30px;
width: 820px;
height: 250px;
border: 1px solid #696;
padding: 0px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background-image:url('images/H99.jpg');
behavior: url(PIE.htc);
position: relative;
}

#PortretOUT{
width: 230px;
height: 382px;
margin-bottom: 10px;
padding: 0px 0;
text-align: center;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background-image:url('images/direktorBG.jpg');
behavior: url(PIE.htc);
position: relative;
}

#PortretINN{
top: 12px;
left: 9px;
border: 0px;
width: 210px;
height: 359px;
padding: 0px 0px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(PIE.htc);
position: relative;
}

#PortretINN img {
	margin-left: 2px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#SkupinskaOUT{
margin-top: 10px;
width: 570px;
height: 178px;
float: right;
border: 1px solid #696;
padding: 0px 0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background-image:url('images/S99.jpg');
behavior: url(PIE.htc);
position: relative;
}

#ImageOUT{
margin-top: 20px;
margin-left: 20px;
width: 239px;
height: 165px;
padding: 0px 0;
padding-top: 15px;
text-align: center;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background-image:url('images/I99.jpg');
behavior: url(PIE.htc);
position: relative;
padding: right;
}

#ImageOUTt{
margin-top: 20px;
margin-left: 20px;
margin-bottom: 20px;
width: 143px;
height: 77px;
padding: 0px 0;
padding-top: 10px;
text-align: center;
-webkit-box-shadow: #666 0px 0px 10px;
-moz-box-shadow: #666 0px 0px 10px;
box-shadow: #666 0px 0px 10px;
background-image:url('images/Fo.jpg');
behavior: url(PIE.htc);
position: relative;
padding: right;
}

.lightbox
{
margin-right: 250px;
}

#glezen{
clear: both;
float: left;
width: 100%;
height: 40px;
bottom:0px;
margin-top: 30px;
background-image: url('images/glezen.jpg');
}

#glezen h5 a {
	font-family: "Lucida Sans";
	font-size: 16px;
	color: #002157;	
}

.noga{
clear: both;
float: left;
width: 100%;
height: 26px;
background-color: #000000;
font-family: "Lucida Sans";
padding-top: 5px;
font-size: 9px;
color: #FFFFFF;
}

h5 {
	font-family: "Lucida Sans";
	font-size: 14px;
	color: #002157;
	margin: 0px;
}

h6 {
	font-family: "Lucida Sans";
	font-size: 18px;
	color: #202e61;
	margin-bottom: 15px;
}

#gle1{
top: 10px;
width: 110px;
text-align: center;
position: relative;

float: left;
}