body{background: #fff; font-weight: normal; font-family: MolengoRegular, Nice, Helvetica, Arial; text-align: left; line-height: 120%; margin: 0; padding:0;}



.osnoven {margin: 0; padding: 0;  width: 100%; border: 0; position: relative;}


.osnoven_kont{margin: 0; padding: 0;  width: 100%; border: 0; position: absolute; left: 0; top: 0;}

/***************************ZAGLAVIE************************************************/
.zaglavie{background: #303030; margin: 0; padding: 0; width: 100%; height: 110px; }

/**********************************VTORO SLAJD PRETOPUVANJE NOV***************************************************************/
#slajd_full_w{margin: 0; padding: 0; width: 100%;  /** height: 640px; ***/  }
/*** @media screen and (min-width: 640px) and (max-width: 767px){#slajd_full_w {  height: 400px;  } } 
@media screen and (min-width: 320px) and (max-width: 639px){#slajd_full_w { height: 250px;  } }
***/
.slajd_kontejner_p{margin: 0 auto; padding: 0; width: 100%; height: 100%;  }
.slajd_holder{position: relative; width: 100%;  height: 100%;}
.child_view{position: absolute; left: 0; top: 0; width: 100%;  height: 100%;   opacity: 1; -moz-opacity: 1; filter:alfa(opacity=100); transition: 1s;  -webkit-transition: 1s; }
.child_hide{position: absolute; left: 0; top: 0; width: 100%;  height: 100%;   opacity: 0; -moz-opacity: 1; filter:alfa(opacity=100); transition: 1s; -webkit-transition: 1s;}
.child_img_p{width: 100%; height: 100%; overflow: hidden;}
.slajd_tekst_gore{position: absolute; left: 5%; top: 10%; width: 53%; margin: 0; padding: 0; text-align: left;  line-height: 1.4; font-family: open sans; font-size: 44px; color: #fff; text-shadow: 2px 2px #000;}
@media screen and (max-width: 639px){ .slajd_tekst_gore{width: 75%; font-size: 20px; left: 10px; top: 10px;} }
.vtoro_slajd_tekst_left{position: absolute; left: 0; bottom: -53px; width: 50%; margin: 0; padding: 15px 25px 15px 0;  background: #454545; text-align: right; line-height: 1.4; font-family: Arial; font-size: 20px; color: #fff; text-shadow: 2px 2px #000;}
.vtoro_slajd_tekst_right{position: absolute; right: 0; bottom: -53px; width: 51%; margin: 0; padding: 15px 0 15px 10px;   background: #a00040; text-align: left; line-height: 1.4; font-family: Arial; font-size: 20px; color: #fff; text-shadow: 2px 2px #000;}
 @media screen and (max-width: 639px){.vtoro_slajd_tekst_left, .vtoro_slajd_tekst_right{font-size: 16px; text-align: center; padding: 10px; bottom: -37px;} }

.baton_parent_p{position: absolute; left: 0; bottom: 65px; padding: 5px 0;  width: 100%; opacity: 0.6;   -moz-opacity: 0.6; filter:alfa(opacity=60); }
.baton_holder_p{margin: 0 30px; float: right; padding: 7px 0;   width: 125px;  }
.mini_baton_bel_p{ float: left;  margin: 0 6px; padding: 0; width: 12px; height: 12px; border: #fff 2px solid;   -moz-box-shadow: 1px 1px 2px  #303030; -webkit-box-shadow: 1px 1px 2px  #303030; box-shadow: 1px 1px 2px  #303030; border-radius: 50%; cursor: pointer;}
.mini_baton_zel{ float: left;  margin: 0 6px; padding: 0; width: 12px; height: 12px; background: #fff; border: 0;  -moz-box-shadow: 1px 1px 2px  #303030; -webkit-box-shadow: 1px 1px 2px  #303030; box-shadow: 1px 1px 2px  #303030; border-radius: 50%; cursor: pointer;}

/****************************TRETO NIVO*******************************************************/
.treto_nivo { margin: 0 auto; padding: 0 0 30px 0; width: 700px; border: 0; background: #fff; font-family: Arial; font-size: 18px; color: #303030; text-align: center; line-height: 1.4;}
.p_aboutus{ margin: 0 auto; padding: 20px 0 0 0; text-align: justify; }
@media screen and (max-width: 801px){.treto_nivo{ width: 96%; } .p_aboutus{font-size: 16px; margin: 0 50px;} }
@media screen and (max-width: 480px){.p_aboutus{ font-size: 14px; margin: 0 30px;} }
.centar{text-align: center;}
.bold{ font-weight: bold;}
.font_14{font-size: 14px;}
/**************************CETVRTO NIVO************************************************************/
.cetvrto_nivo { margin: 0 auto; padding: 0;   width: 100%; border: 0; }

/*********************  SLAJD CAROUSEL ***************************/
.slajd_full_width{margin: 0; padding: 0; width: 100%; height: 300px; background: #990033;}
.slajd_container{position: relative; margin: 0 auto; padding: 0; width: 75%; height: 100%;   overflow: hidden; text-align: center; font-family: Arial; font-size: 22px; color: #fff;}
@media screen and (min-width: 1600px){.slajd_container{width: 800px;}  }
@media screen and (max-width: 1024px){.slajd_container{font-size: 18px; width: 96%;}  }

#slajd_0{position: absolute; left: 0; top: 0; margin: 0;  padding: 0; width: 100%; height: 100%;  border: 0; transition: 1s;  -webkit-transition: 1s;}
#slajd_1{position: absolute; left: 100%; top: 0; margin: 0;  padding: 0; width: 100%; height: 100%;  border: 0; transition: 1s; -webkit-transition: 1s;}
#slajd_2{position: absolute; left: 200%; top: 0; margin: 0;  padding: 0; width: 100%; height: 100%;  border: 0; transition: 1s; -webkit-transition: 1s;}
#slajd_3{position: absolute; left: 300%; top: 0; margin: 0;  padding: 0; width: 100%; height: 100%;  border: 0; transition: 1s; -webkit-transition: 1s;}
#slajd_4{position: absolute; left: 400%; top: 0; margin: 0;  padding: 0; width: 100%; height: 100%;  border: 0; transition: 1s; -webkit-transition: 1s;}

.p_tekst1{font-size: 24px; margin: 0 50px; padding: 80px 0 0 0; line-height: 1.4; }
.p_tekst2{margin: 20px 50px 0 50px; padding: 0; line-height: 1.2; }
@media screen and (min-width:481px) and (max-width: 640px){ .p_tekst1{margin: 0; padding: 60px 0 0 0; } }
@media screen and (max-width: 480px){ .p_tekst1{margin: 0; padding: 20px 0 0 0; line-height: 1.4;} }

.butstrap_p_tekst1{font-size: 22px; margin: 0; text-align: center; padding: 0; line-height: 1.4; }
.butstrap_p_tekst2{margin: 20px 0 0 0; text-align: center; padding: 0; line-height: 1.2;}

@media screen and (min-width:481px) and (max-width: 640px){ .bootstrap_p_tekst1{margin: 0; padding: 0; } }
@media screen and (max-width: 480px){ .p_tekst1{margin: 0; padding: 0; line-height: 1.4;} }

.baton_parent{position: absolute; left: 0; bottom: 25px; padding: 5px 0; width: 100%; opacity: 0.8;  -moz-opacity: 0.8; filter:alfa(opacity=80);}
.baton_holder{margin: 0 auto; padding: 7px 0;   width: 125px; height: 10px;}
.mini_baton_bel{ float: left;  margin: 0 6px; padding: 0; width: 12px; height: 12px; background: #ffffff; border: 0;  -moz-box-shadow: 1px 1px 2px  #303030; -webkit-box-shadow: 1px 1px 2px  #303030; box-shadow: 1px 1px 2px  #303030; border-radius: 50%; cursor: pointer;}
.mini_baton_roz{ float: left;  margin: 0 6px; padding: 0; width: 12px; height: 12px; background: #f25777; border: 0;  -moz-box-shadow: 1px 1px 2px  #303030; -webkit-box-shadow: 1px 1px 2px  #303030; box-shadow: 1px 1px 2px  #303030; border-radius: 50%; cursor: pointer;}


/********************PETTO NIVO*****************************/
.petto_nivo { margin: 0 auto; padding: 0;   width: 100%; border: 0; }

.petto_naslov{margin: 0 auto; padding: 90px 0 0 0; width: 100%; text-align: center; font-size: 34px; color: #000;}
@media screen and (max-width: 479px){ .petto_naslov{font-size: 24px; }}

.petto_crvena_linija{margin: 30px auto; padding: 0; width: 20%; height: 4px; border: 0; background: #aa0000;}
.petto_kontejner_parent{margin: 0 auto; padding: 0 0 3% 0; width: 80%;}


/**************************************has-sub pravoagolnici************************************/

.div_kontejner{float: left; position: relative;   width: 30%; height: 150px; margin: 3% 0 0 3%; padding: 0; }
@media screen and (min-width: 640px) and (max-width: 1000px){ .div_kontejner{ width: 45%;}}
@media screen and (max-width: 639px){ .div_kontejner{ width: 80%; margin: 3% 0 0 10%;}}
@media screen and (max-width: 479px){ .div_kontejner{ width: 94%; margin: 3% 0 0 3%;}}

.div_pozadina{position: absolute; left: 0; top: 0; width: 100%; height: 150px; margin: 0; padding: 50px 0 0 0; background: #fff; border: #aa0000 4px solid; text-align: center; font-family: "Arial";  font-size: 30px; color: #aa0000; font-weight: 500;}
.div_pozadina_sirokred{position: absolute; left: 0; top: 0; width: 100%; height: 150px; margin: 0; padding: 50px 0 0 0; background: #fff; border: #aa0000 4px solid; text-align: center; font-family: "Arial";  font-size: 26px; color: #aa0000; font-weight: 500; }
.div_pozadina_2reda{position: absolute; left: 0; top: 0; width: 100%; height: 150px; margin: 0; background: #fff; border: #aa0000 4px solid; text-align: center; font-family: "Arial";  font-size: 30px; color: #aa0000; font-weight: 500; line-height: 1.2; padding: 30px 0 0 0;}




@media screen and (min-width: 640px) and (max-width: 1000px){ .div_kontejner{ width: 45%;} }
@media screen and (max-width: 639px){ .div_kontejner{ width: 80%; margin: 3% 0 0 10%;} .div_pozadina_sirokred{font-size: 30px;}}
@media screen and (max-width: 479px){ .div_kontejner{ width: 94%; margin: 3% 0 0 3%;} .div_pozadina_sirokred{font-size: 30px;} .div_pozadina_2reda{padding: 50px 0 0 0; line-height: 1;}}


.div_a{ position: absolute; left: 0; top: 0;   width: 100%; height: 150px; margin: 0; padding: 0; text-align: center; font-family: "Arial";  color: #fff; background: #454545; border: #aa0000 4px solid; visibility: hidden;}
.div_kontejner:hover .div_a{  visibility: visible;}



.p_1{margin: 0; padding: 50px 0 0 0;}
.nasl_1_3{margin: 0; padding: 20px 0 10px 0; font-size: 30px;}
.tekst_1_3{margin: 0 20px; font-size: 14px;}
.nasl_1_4{margin: 0; padding: 15px 0 0 0; font-size: 30px; line-height: 0.9;}
.tekst_1_4{margin: 0 20px; padding: 10px 0 0 0; font-size: 14px;}
.nasl_1_5{margin: 0; padding: 10px 0 0 0; font-size: 30px; line-height: 0.9;}
.tekst_1_5{margin: 0 20px; padding: 10px 0 0 0; font-size: 14px; line-height: 1.2;}

.nasl_sirok_1_3{margin: 0; padding: 20px 0 10px 0; font-size: 26px;}
.nasl_sirok_1_4{margin: 0; padding: 20px 0 10px 0; font-size: 26px;}
.nasl_2_3{margin: 0; padding: 20px 0 10px 0; font-size: 30px;}
.tekst_2_3{margin: 0 20px; font-size: 14px;}
.nasl_2_4{margin: 0; padding: 10px 0 0 0; font-size: 30px; line-height: 0.9;}
.tekst_2_4{margin: 0 20px; padding: 10px 0 0 0; font-size: 14px;}


.futer_full{float: left; width: 100%; margin: 0; padding: 0; background: #808080; color: #fff; font-size: 12px;}
.futer_cont{width: 1000px; margin: 0 auto; padding: 40px 0;}
@media screen and (max-width: 1000px){ .futer_cont{ width: 100%;}}
.f_logo_cont{float: left; width: 350px; margin: 0 0 0 2%; padding: 0; }
.f_logo_img{float: left; width: 60px; height: 60px; margin: 0 5px 0 0;}
.f_logo_tekst{float: left; width: 280px; font-size: 12px; color: #fff; line-height: 1.3; padding: 0; }
.f_links_parent{float: left; width: 20%; margin: 0 0 0 8%; padding: 0; }
.f_links_cont{margin: 0 auto; width: 100px; padding: 0; }


/*------------------ meni footer ----------------------------*/

#meni_f,#meni_f ul{list-style-type: disc; display: block;}
#meni_f,#meni_f li{ float: left; width: 90%;  margin: 0; padding: 0; }
#meni_f a:link,#meni_f a:visited{ float: left; color: #fff; font-size: 12px; text-decoration:none; text-align: left;  line-height: 1; margin: 0; padding: 5px 0 0 0;  border: 0; }
#meni_f a:hover,#meni_f a:active { text-decoration: underline;}





.f_kontakt{float: right; width: 210px; margin: 0 2% 0 0; padding: 0; }

@media screen and (max-width: 1000px) and (min-width: 768px){ 
      .futer_cont{ width: 100%;}
      .f_logo_cont{width: 350px; margin: 0 0 0 10px;}
      .f_links_parent{width: 130px; margin: 0 0 0 4%;}
      .f_kontakt{ margin: 0 10px 0 0;}
}
@media screen and (max-width: 767px){
    .f_logo_cont{float: none; margin: 20px auto 0 auto; }
    .f_links_parent{ width: 95%; margin: 50px auto;}
    .f_links_cont{ margin: 0 auto; }
    .f_kontakt{float: none;  margin: 0 auto;}
}
.najdolu{width: 100%; margin: 0 auto; padding: 40px 0; text-align: center; font-family: 'verdana', 'arial'; font-size: 12px; color: #fff;}

/***************uslugi bulet before **************************/

ul.bulet{list-style-position: outside; margin: 0 0 0 60px; padding: 0 0 15px 20px; text-align: left;}
ul li{padding: 0 0 20px 0;}

.uslugi_tekst{width: 100%; margin: 0 auto; padding: 20px 0 0 0; 
text-align: justify; }
@media screen and (max-width: 699px){.treto_nivo{ width: 98%; } .uslugi_tekst{font-size: 16px;} }
@media screen and (max-width: 480px){.uslugi_tekst{ font-size: 14px;} }

.p_link{margin: 10px 10px 0 40px;}
.uslugi_link:link,.uslugi_link:visited { font-family:  Arial, Helvetica; font-size: 10pt; color: #cc0066; text-decoration: underline; }
.uslugi_link:hover,.uslugi_link:active { color: #8800ff;}

/**************************Uslugi (before - 2713  f0da)********************************/
.cont{float: left;  width: 100%;   margin: 0; padding: 0; }
.cont_full{ position: relative; width: 100%;   margin: 0; padding: 0; color: #454545;}

.cont_left{  margin: 70px 330px 30px 60px; padding: 0; line-height: 1.2; font-size: 16px; text-align: justify;}
.cont_right{position: absolute; right: 0; top: 0; width: 250px; margin: 70px 2% 0 0; border: 0; padding: 0;}
.contact_box{background: #eeeeee; float: left; width: 99%;  margin: 10px 0;   padding: 20px 0;   text-align: left; border: 0; }
.contact_font{margin: 0 10px; font-size: 14px; color: #5555bb; line-height: 1.2; }
.mini_box{ float: left; width: 99%;   background: #eeeeee; margin: 10px 0 0 0;  padding: 10px 0; border: 0; border-right: #b9b9b9 1px solid; border-bottom: #b9b9b9 1px solid; }
.mini_box_text{ background: #eeeeee; text-align: left; color: #5555bb; line-height: 1.2; font-size: 14px; margin: 0 10px; }
.forma_box{margin: 30px auto 0 auto; padding: 10px; background: #eeeeee; text-align: left; }
.forma_box > p{margin: 0; text-align: left; font-size: 12px; color: #5555bb;}
.forma_baton{margin: 10px 0 0 0; padding: 3px 10px; background: #454545; border: 0; color: #fff;}
.forma_baton:hover {background: #fff; color: #8b1248; border: #454545 1px solid; }
 @media screen and (max-width: 639px){ 
    .cont_left{float: none;  margin: 70px 40px 20px 40px; line-height: 1.2;}      
    .cont_right{position: static; float: none;  width: 94%; margin: 0 auto; padding: 0 0 50px 0; border: 0; }
}


/*************************AUDIO-FILES******************************************/
.audio_cont{width: 100%; margin: 0 auto; padding: 30px 0 20px 0;}
.one_audio_cont{float: left; width: 30%; margin: 0 4% 10px 0; padding: 0; background: #000;   border-radius: 5px;}
.audio_title{width: 90%; margin: 0 auto; padding: 5px 0; text-align: left; font-family: Arial; color: #fff; font-size: 12px;}
.audio_img{width: 90%; margin: 0 auto; padding: 20px 0; }

@media screen and (min-width: 1000px){
    .one_audio_cont{float: left; width: 170px; margin: 0 10px 10px 0; padding: 0; background: #000;   border-radius: 5px;}
}

/*****************************************IMPRESS*********************************************************/
.impress1{margin: 0; padding: 0; position: absolute; left: 0; top: 0; width: 100%; height: 1000px; z-index: 45;}
.impress2{margin: 0; padding: 0; border: 0; width: 100%; height: 100%;}
.impress_kont{width: 100%; height: 100%; padding: 150px 0 0 0; background: #000; z-index: 48; }
.div_img{margin: 0 auto; width: 300px; height: 300px; }
.slika{width: 300px; height: 300px;}
.brojac{height: 1px; margin: 30px auto; background: #aa9900;}


/*******************************    MAPA  *****************************************************************/

#mapa_toni{width: 100%; height: 300px; margin: 30px auto;}