/* 
    Document   : sites
    Created on : 22.10.2012, 12:27:
    Author     : Andrej
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}


/* CONTACT */
#contact_header
{
    margin-top:20px;
    font-size:15px;
    padding-top:10px;
    padding-left:50px;
    border-bottom:#e3e2e2 solid 1px;
    border-top:#e3e2e2 solid 1px;
    width:900px;
    height:43px;
}
#contact_div
{
    margin:40px;
   height: 543px;
}
#c_form
{

    display:block;
    width:450px;
    float:left;
    display:block;
}
#c_telefoni
{
display: block;
position: relative;
width: 296px;
height: 473px;
margin-left: 83px;
bottom: 40px;
padding-left: 40px;
border-left: #E3E2E2 solid 1px;
float: left;
}
#map{
    width:296px;
    height:296px;
    background-position:50% 50%;
    background-image:url('../images/bas_mapa.png');
    box-shadow: 0px 0px 3px black;
}


/* end CONTACT! */


/* ABOUT PAGE */
#about_slide
{
width: 800px;
height: 450px;
margin: 0 auto;
margin-top:35px;
background-color: white;
z-index: 500;
position: relative;
background-repeat: no-repeat;
background-position-x:50%;
}

#nagradi_fotki
{
    width:810px;
    height:280px;
    margin:0 auto;
}
#nf1
{
    background-image:url('../images/about/slide_nagradi/IMG_4278.jpg');
}
#nf2
{
    background-image:url('../images/about/slide_nagradi/IMG_4279.jpg');
}
#nf3
{
    background-image:url('../images/about/slide_nagradi/IMG_4280.jpg');
}
#nf4
{
    background-image:url('../images/about/slide_nagradi/IMG_4281.jpg');
}
.n_fotka
{
    width:170px;
    height:255px;
    background-color:black;
    margin-top:15px;
    margin-left:25px;
    float:left;
    box-shadow: 0px 0px 3px black;
    background-size:100% 100%;
}

.n_full_fotka
{
    width:0px;
    height:0px;
    position: relative;
    display: block;
    z-index: 500;
    margin: 0 auto;
    background-size:100% 100%;
}
.s_btn
{
 width: 30px;
height: 40px;
display: block;
position: absolute;
opacity:0.5;
margin-top: 210px;  
}
#a_next
{
background-image: url('../images/about/n.png');
left: 807px;
}
#a_next:hover
{
    opacity:1.0;
}
#a_prev
{
background-image: url('../images/about/p.png');
left: -40px;
}
#a_prev:hover
{
    opacity:1.0;
}


#about_text
{
    font-size: 15px;
    margin-top: 20px;
    margin: 0 auto;
    
    width: 100%;
    height: 100%;
    float: left;
}
.a_txt
{
    margin: 0 auto;
    margin-top: 25px;
    width: 800px;
}
#za_nas
{
    margin-top:20px;
    font-size:15px;
    padding-top:10px;
    padding-left:50px;
    border-bottom:#e3e2e2 solid 1px;
    border-top:#e3e2e2 solid 1px;
    width:900px;
    height:43px;
}
#about_content
{
    width:100%;
    height:260px;    
}
#ul_lista
{
    display: block;
    width: 220px;
    max-height: 115px;
    height: 100%;
    margin-top: 48px;
    margin-left: 50px;
    float: left;
}
ul.test_lista
{
    width:230px;
    font-size:20px;
    list-style-image: url('../images/main/icons/li_ico.png');
}
ul a
{
    color:black;
    text-decoration:none;
    font-size:18px;
}
ul.test_lista li
{
    padding-bottom:5px;
}
ul.test_lista li:hover
{
 list-style-image: url('../images/main/icons/li_ac.png');   
}

#list_zanas
{
    list-style-type: circle;
width: 505px;
margin-top: 12px;
margin-left: 102px;
}

#zanas_slika
{
    display: block;
    height: 256px;
    width: 600px;
    margin-top: 2px;
    margin-left: 30px;
    float: left;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px 0px inset;
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0, 0.2);
}
.fabrika2
{
    background-image:url('../images/about/bas_fabrika2.jpg');
}
.lab_slika
{
    margin-top:25px;
    width:219px;
    float:left;
    margin-left:15px;
    height:300px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0, 0.25);
    -webkit-box-shadow: inset 0 0 15px rgba(0,0,0, 0.25); 
    box-shadow: 2px 2px 2px #b8b9b9;
}


.menadzment_slika
{
    width:920px;
    height:528px;
}
div#mgmt_mk
{
   background-image: url('../images/main/menadzment/mgmt_mk.jpg');    
}
div#mgmt_al
{
   background-image: url('../images/main/menadzment/mgmt_al.jpg');    
}
div#mgmt_en
{
   background-image: url('../images/main/menadzment/mgmt_en.jpg');    
}
div#mgmt_it
{
   background-image: url('../images/main/menadzment/mgmt_it.jpg');    
}