@font-face {
	font-family: magistral;
	src: url('Simeiz.otf');
}
body
{
	margin: 0;
	padding: 0;
	color:black;
	font: normal 10pt Calibri, sans-serif;
	background-image: url('../images/main/bg-03.jpg');
        background-repeat:repeat;
}

h2 
{

    font-weight:bold;
}



#page
{ 
	margin-top: 5px;
	margin-bottom: 5px;
	background: white;
	border: 1px solid #C9E0ED;
        box-shadow: 5px 5px 10px #b8b9b9;
}

#header
{
        width:950px;
        height:138px;
        color:black;
	margin: 0;
	padding: 0;
	border-top: 3px solid #C9E0ED;
/*background: #ffffff;  Old browsers 
background: -moz-linear-gradient(top, #ffffff 96%, #cecece 100%);  FF3.6+ 
background: -webkit-gradient(linear, left top, left bottom, color-stop(96%,#ffffff), color-stop(100%,#cecece));  Chrome,Safari4+ 
background: -webkit-linear-gradient(top, #ffffff 96%,#cecece 100%);  Chrome10+,Safari5.1+ 
background: -o-linear-gradient(top, #ffffff 96%,#cecece 100%);  Opera 11.10+ 
background: -ms-linear-gradient(top, #ffffff 96%,#cecece 100%);  IE10+ 
background: linear-gradient(to bottom, #ffffff 96%,#cecece 100%);  W3C 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=0 );  IE6-9 */
}

#content
{
   
    padding: 0px;
}

#sidebar
{
	padding: 20px 20px 20px 0;
}

#footer
{
	padding: 10px;
	margin: 10px 20px;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #C9E0ED;
}
#footer_partners
{
width: 320px;
height: 60px;
margin: 0 auto;
margin-bottom: 7px;
}
.standards
{
height: 50px;
float: left;
display: block;
margin-left: 45px;
margin-bottom: 16px;
opacity: 0.8;
}
#brc_logo
{
    width: 75px;
    background-image: url(../images/Packaging_Colour.jpg?ver=1.1);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
}


#pepsico_logo
{
    width:125px;
    background-image:url('../images/pepsico_supplier.png');
    margin-left: 35px;
}

    #lang
    {
    width: 137px;
    height: 25px;
    float: left;
    margin-top: 114px;
    margin-left: 471px;
}

#mk{box-shadow: 1px 1px 2px #b8b9b9;float:left;width:25px;height:16px;background-image:url('../images/main/lang/mk.jpg');}
#al{box-shadow: 1px 1px 2px #b8b9b9;float:left;margin-left:8px;width:25px;height:16px;background-image:url('../images/main/lang/al.jpg');}
#en{box-shadow: 1px 1px 2px #b8b9b9;float:left;margin-left:8px;width:25px;height:16px;background-image:url('../images/main/lang/en.jpg');}
#it{box-shadow: 1px 1px 2px #b8b9b9;float:left;margin-left:8px;width:25px;height:16px;background-image:url('../images/main/lang/it.jpg');}

    #mk:hover{    -moz-box-shadow: 0px 0px 5px black; 
                -webkit-box-shadow:  0px 0px 5px black;}
    #al:hover{    -moz-box-shadow: 0px 0px 5px black; 
                -webkit-box-shadow:  0px 0px 5px black; }
    #en:hover{    -moz-box-shadow: 0px 0px 5px black; 
                -webkit-box-shadow:  0px 0px 5px black; }
    #it:hover{    -moz-box-shadow: 0px 0px 5px black; 
                -webkit-box-shadow:  0px 0px 5px black; }

#logo
{
    float:left;
        width:149px;
        height:96px;
        margin-top:17px;
        margin-left:40px;
        margin-bottom:20px;
	font-size: 200%;
        background-image:url('../images/main/logo.png');

}
#epruveti_slika
{
    opacity:1;
    display:block;
    z-index: 1;
    position:relative;
    float:right;
    width:153px;
    height:135px;
    background-image:url('../images/main/voda.jpg');
}
/*#secured_slika
{
display: none;
z-index: 500;
position: absolute;
width: 60px;
height: 60px;
margin-top:131px;
background-image: url('../images/badge1.png');
}*/
#secured_popup
{
display: none;
z-index: 500;
position: absolute;
width: 463px;
height: 277px;
margin-top:590px;

}
#food_approval_slika
{
display: none;
z-index: 500;
position: absolute;
width: 50px;
height: 39px;
margin-top: 179px;
box-shadow:-1px 1px 8px #A5A5A5;
background-image: url('../images/food_approval1.png');
}
#food_approval_text
{
display: none;
z-index: 500;
position: absolute;
width: 591px;
height: 361px;
margin-top:131px;
/*background-image: url('../images/food_text.png');*/
}
#mainmenu
{
   
    -moz-box-shadow: 0px 2px 5px #dedddd, 0px -2px 5px #dedddd; 
    -webkit-box-shadow:  0px 2px 3px #dedddd, 0px -2px 3px #dedddd; 
    width:951px;
        height:34px;
        background:white url(../images/main/menu1.png) repeat-x left top;
        padding-top:1px;       
}

#mainmenu ul
{
        font-family: calibri;
       font-size:23px;
        color:black;
	/* padding:6px 20px 5px 20px; */        
	margin:0px;
        
}

#mainmenu ul li
{   
     
        border-left:#ddd solid 1px;
        border-right:#ddd solid 1px;
        margin-left:0px;
        margin-right:5px;
        padding-left:25px;
        padding-right:25px;
       
        color:black;
	display: inline-block;
        height: 35px;
}
#mainmenu ul li:hover
{
  
}
#mainmenu ul li a
{
 
        color: #333333;
	background-color:transparent;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	padding-left:10px;
        padding-right:10px;
        
        
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
	color: #6399cd;
        text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error
{
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a
{
	color:#8a1f11;
}

div.flash-notice a
{
	color:#514721;
}

div.flash-success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

div.search-form
{
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet
{

}

.portlet-decoration
{
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title
{
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content
{
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li
{
	padding: 2px 0 4px 0px;
}

.operations
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li
{
	padding-bottom: 2px;
}

.operations li a
{
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited
{
	color: #0066A4;
}

.operations li a:hover
{
	background: #80CFFF;
}



#slide_show1
{
    width:950px;
    height:200px;
    background-color: #C9E0ED;
    text-align: center;   
}

#content_pocetna
{
    margin:10px;
    width:950px;
}

#welcome_header
{   
    margin-top:20px;
    font-size:15px;
    padding-top:8px;
    padding-left:50px;
    border-bottom:#e3e2e2 solid 1px;
    border-top:#e3e2e2 solid 1px;
    width:900px;
    height:40px;
}

#perfekcija
{
/*    width:500px;
    height:100%;
    margin-top:15px;
    margin-left:15px;
    font-size:14px;
    float:left;

width: 308px;
*/
    margin-top: 10px;
    font-weight: bold;
    border: #E8E9E9 solid 2px;
    border-radius: 5px;
    margin-left: 9px;
    width: 345px;
    height: 390px;
    margin-bottom: 9px;
    
        background-size:auto 100%;
        background-position:50% 50%;
    
    float: left;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .25);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .25);
    background-image: url('../images/main/PERFEKCIJATA-01.png');
}
#eco_moto
{
width: 563px;
height: 24px;
float: left;
margin-left: 17px;
margin-top: 30px;
display: none;

}

#zdravje
{
    /* width: 586px; */
        
    font-size: 15px;
    margin-top: 10px;
    font-weight: bold;
    border: #E8E9E9 solid 2px;
    border-radius: 5px;
    margin-left: 12px;
    width: 546px;
    height: 390px;
    margin-bottom: 9px;
    background-size:auto 100%;
    background-position: 0% 50%;
    float: left;
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .25);
    box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, .25);
    background-image: url('../images/main/ZDRAVJE-03.jpg');
}
#bas_moto
{
    width: 546px;
    height: 40px;
    position: absolute;
    float: right;
    margin-top: 331px;
    display:none;
    opacity:0.9;
    background-color:white;
    background-size:90% 55%;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-image:url('../images/text_pocetna/zmk.png');
}
#bas_zdravje_text
{
display:block;
position: absolute;
border-radius: 5px;

z-index: 100;
opacity: 0.8;
width: 546px;
height: 390px;
margin-bottom: 9px;
background-size: auto 100%;
float: left;
background-image: url('../images/zdravje_bas_text-01.png');
}

#see_all
{
    
    width:365px;
    height:25px;
    background-color:#f4f2f2;           
}

#see_nest
{

    float:right;
    margin-top:5px;
    margin-right:10px;
    width:70px;
    height:15px;
}
#see_nest a{ color:black; }
#see_nest a:hover{ color:#99ccff; }

#news a
{
    font-weight:bold;
    color:black;
    text-decoration:none;
}

#news{
    
       /* border: #e8e9e9 solid 2px; */
}
.vest
{
   
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    font-size:12px;
    padding-top:10px;
    border-top:#ddf0f6 solid 1px;
    border-bottom:#ddf0f6 solid 1px;
    
    width:350px;
    height:35px;
    margin-left:7px;
    margin-top:10px;
    
}

#vest1:hover
{
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0, 0.25);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.25);
}
#vest2:hover
{
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0, 0.25);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.25);
}
#vest3:hover
{
    -moz-box-shadow: inset 0 0 5px rgba(0,0,0, 0.25);
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0, 0.25);
}


/* Vest container */
.cestitka
{
    color:black;
    position:absolute;
    top: 18%;
    left: 18%;
    margin:auto 0;
    display:none;
    z-index: 5000;
    width:900px;
    height:451px;
    border: #6FACCF 1px solid;
    border-radius: 5px;
    background-color: white;
}

.vest_container
{
    color:black;
    position:absolute;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -290px;
    bottom:20%;
    display:none;
    z-index: 5;
    width:600px;
    height:420px;
    border: #6FACCF 1px solid;
    border-radius: 5px;
    background-color: white;
}
.vest_container p
{
    font-size:14px;
    margin-top:16px;
    margin-left:5px;
}
#x
{
    position:relative;
    left:575px;
    bottom:-5px;
    width:20px;
    height:20px;
    background-image:url('../images/main/icons/x.png');
}

#vest_naslov
{
    
    margin-top:25px;
    padding-top:10px;
    padding-left:15px;
    width:350px;
    height:32px;
    background: -moz-linear-gradient(left, rgba(0,135,255,1) 0%, rgba(0,135,255,1) 1%, rgba(0,135,255,1) 70%, rgba(98,118,229,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,135,255,1)), color-stop(1%,rgba(0,135,255,1)), color-stop(70%,rgba(0,135,255,1)), color-stop(100%,rgba(98,118,229,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(0,135,255,1) 0%,rgba(0,135,255,1) 1%,rgba(0,135,255,1) 70%,rgba(98,118,229,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(0,135,255,1) 0%,rgba(0,135,255,1) 1%,rgba(0,135,255,1) 70%,rgba(98,118,229,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(0,135,255,1) 0%,rgba(0,135,255,1) 1%,rgba(0,135,255,1) 70%,rgba(98,118,229,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(0,135,255,1) 0%,rgba(0,135,255,1) 1%,rgba(0,135,255,1) 70%,rgba(98,118,229,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087ff', endColorstr='#006276e5',GradientType=1 ); /* IE6-9 */
}
#vest_naslov h2 
{
    color:white;
    font-weight:bold;
}

#vest_slika
{
    background-color:gray;
    width:570px;
    height:261px;
    border-radius:2px;
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0, 0.25);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0, 0.25);
    background-image:url('../images/vest/nagradi.jpg');
}

/* -----end Vest container----- */


div.fullscreen
{
    display: none;
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:100%;
    opacity:0.99;
    z-index:5;
   
    background: #133460; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #133460 0%, #000c28 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#133460), color-stop(100%,#000c28)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #133460 0%,#000c28 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #133460 0%,#000c28 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #133460 0%,#000c28 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #133460 0%,#000c28 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#133460', endColorstr='#000c28',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}