/* 
    Document   : style
    Created on : 05.09.2010, 12:41:51
    Author     : Nicole
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body{
    background-image:url("images/bg.jpg");
    background-repeat:repeat-x;
    background-color:#155f78;
}

#container{
    margin-left:auto;
    margin-right:auto;
    width: 900px;
    border: 1px solid #03607f;
    background-color: white;
}

#container2{
    margin-left:auto;
    margin-right:auto;
    width: 900px;
    border: 1px solid #03607f;
    background-color: #f6f6f6;
}

#logo{
    padding-left: 20px;
    padding-top: 5px;
    float: left;
    border: 0px;
}

#quote{
    float: right;
    width: 250px;
    color: #090053;
    font-style: italic;
    font-size: 13px;
    font-family: arial;
    margin-top: 8px;
    margin-bottom: 6px;
    margin-right: 20px;
    white-space:pre-line;
}

#quote2{
    float: left;
    color: #090053;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#0f4151;
    text-decoration:none;
    margin-top: 55px;
    margin-left: 165px;
}

#couple2{
    float: right;
    margin-right: 32px;
    margin-top: 18px;
}

#top_grey{
    background-color:#f6f6f6;
}

#featured_area{
    background-image:url("images/featured_area.jpg");
    width: 898px;
    height: 467px;
    border: 1px solid #ffffff;
    border-top-color: #f8f8f8;
}

#vid_holder{
    width: 357px;
    height: 295px;
    background-image: url("images/video_border.jpg");
    margin-left: 518px;
    margin-top: 150px;
    padding-left: 16px;
    padding-top: 16px;
}

#menu{
    height: 52px;
    width: 838px;
    /*background-image:url("images/menu_bg.jpg");*/
    background-repeat:repeat-x;
    margin-left: 32px;
    overflow:hidden;
}

#menu a{
    color: white;
    text-decoration:none;
    font-family: georgia;
    font-size: 17px;
}

.menu_active{
    background-position: 0px 0px;
}

#home{
    height: 33px;
    width: 77px;
    background-image:url("images/home.jpg");
    background-repeat: no-repeat;
    background-position: 0px -51px;
    display: block;
    padding-top: 19px;
    padding-left: 55px;
    float: left;
    overflow: hidden;
}

#home_active{
    height: 33px;
    width: 77px;
    background-image:url("images/home.jpg");
    background-repeat: no-repeat;
    display: block;
    padding-top: 19px;
    padding-left: 55px;
    float: left;
    overflow: hidden;
}

#home:hover{
    background-position: 0px 0px;
}

#o_nama{
    height: 33px;
    width: 91px;
    background-image:url("images/o_nama.jpg");
    background-repeat: no-repeat;
    background-position: 0px -51px;
    display: block;
    padding-top: 19px;
    padding-left: 27px;
    float: left;
    overflow: hidden;
}

#o_nama_active{
    height: 33px;
    width: 91px;
    background-image:url("images/o_nama.jpg");
    background-repeat: no-repeat;
    display: block;
    padding-top: 19px;
    padding-left: 27px;
    float: left;
    overflow: hidden;
}

#o_nama:hover{
    background-position: 0px 0px;
}

#lecenje{
    height: 33px;
    width: 188px;
    background-image:url("images/lecenje_anksioznosti.jpg");
    background-repeat: no-repeat;
    background-position: 0px -51px;
    display: block;
    padding-top: 19px;
    padding-left: 34px;
    float: left;
    overflow: hidden;
}

#lecenje_active{
    height: 33px;
    width: 188px;
    background-image:url("images/lecenje_anksioznosti.jpg");
    background-repeat: no-repeat;
    display: block;
    padding-top: 19px;
    padding-left: 34px;
    float: left;
    overflow: hidden;
}

#lecenje:hover{
    background-position: 0px 0px;
}

#kontaktirajte{
    height: 33px;
    width: 163px;
    background-image:url("images/kontaktirajte_nas.jpg");
    background-repeat: no-repeat;
    background-position: 0px -51px;
    display: block;
    padding-top: 19px;
    padding-left: 33px;
    float: left;
    overflow: hidden;
}

#kontaktirajte_active{
    height: 33px;
    width: 163px;
    background-image:url("images/kontaktirajte_nas.jpg");
    background-repeat: no-repeat;
    display: block;
    padding-top: 19px;
    padding-left: 33px;
    float: left;
    overflow: hidden;
}

#kontaktirajte:hover{
    background-position: 0px 0px;
}

#porucite{
    height: 33px;
    width: 139px;
    background-image:url("images/PORUCITE.jpg");
    background-repeat: no-repeat;
    background-position: 0px -51px;
    display: block;
    padding-top: 19px;
    padding-left: 31px;
    float: left;
    overflow:hidden;
}

#porucite_active{
    height: 33px;
    width: 139px;
    background-image:url("images/PORUCITE.jpg");
    background-repeat: no-repeat;
    display: block;
    padding-top: 19px;
    padding-left: 31px;
    float: left;
    overflow:hidden;
}

#porucite:hover{
    background-position: 0px 0px;
}

#izuzetni_rezultati{
    width: 490px;
    margin-left: 9px;
    float: left;
}

.box1_top{
    text-align: center;
    width: 490px;
    height: 33px;
    background-image: url("images/box1_top.jpg");
    padding-top: 10px;
    color: white;
    font-size: 20px;
    font-weight: bold;
}

#box1_content{
    padding-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#0f4151;
    text-decoration:none;
    line-height:18px;
    border-left:1px solid #b1b0b0;
    border-right:1px solid #b1b0b0;
    background-image: url("images/box1_bg.jpg");
    background-repeat:repeat-x;
    background-color: #fbf9f9;
    height:342px;
}

.bold{
    font-size: 14px;
    margin-top: 8px;
    margin-bottom: 0px;
    font-weight: bold;
    line-height:25px;
}

#couple{
    float: right;
    margin-top: 7px;
}

.arrow{
    margin-right: 5px;
    vertical-align:middle;
}

#box1_bottom{
    background-image: url("images/box1_bottom.jpg");
    width: 490px;
    height: 9px;
}

#porudzbenica{
    width: 382px;
    float: left;
    margin-left: 9px;
}

.box2_top{
    text-align: center;
    width: 382px;
    height: 33px;
    background-image: url("images/box2_top.jpg");
    padding-top: 10px;
    color: white;
    font-size: 20px;
    font-weight: bold;
}

#box2_content{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#0f4151;
    text-decoration:none;
    line-height:18px;
    border-left:1px solid #b1b0b0;
    border-right:1px solid #b1b0b0;
    background-image: url("images/box2_bg.jpg");
    background-repeat:repeat-x;
    background-color: #b9e0f7;
    height: 356px;
}

#button{
    background-image:url("images/button.jpg");
    width: 129px;
    height: 65px;
    border: 0px;
    margin-left: 120px;
}

.tbox{
    width: 150px;
    margin-left: 20px;
}

#box2_bottom{
    background-image: url("images/box2_bottom.jpg");
    width: 382px;
    height: 9px;
}

.cleaner{
    clear: both;
}

#zlatno_trojstvo{
    margin-top: 10px;
    width: 490px;
    margin-left: 9px;
    float: left;
}

#box3_content{
    padding-left: 8px;
    padding-top: 8px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#0f4151;
    text-decoration:none;
    line-height:18px;
    border-left:1px solid #b1b0b0;
    border-right:1px solid #b1b0b0;
    background-image: url("images/box1_bg.jpg");
    background-repeat:repeat-x;
    background-color: #fbf9f9;
    height: 505px;
}

.biochem{
    float: right;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid black;
}

.melemi{
    height: 86px;
    width: 135px;
    float: right;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    border: 0px;
}

.melemi_box1{
    width: 270px;
}

.melemi_box2{
    height: 20px;
}

#box3_bottom{
    background-image: url("images/box3_bottom.jpg");
    width: 490px;
    height: 9px;
}

#iskustva{
    width: 382px;
    float: left;
    margin-left: 9px;
    margin-top: 10px;
}

#box4_content{
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 8px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#0f4151;
    text-decoration:none;
    line-height:18px;
    border-left:1px solid #b1b0b0;
    border-right:1px solid #b1b0b0;
    background-image: url("images/box4_bg.jpg");
    background-repeat:repeat-x;
    background-color: #fbf9fa;
    height: 505px;
}

#box4_bottom{
    background-image: url("images/box4_bottom.jpg");
    width: 382px;
    height: 10px;
}

#jelena{
    font-weight: bold;
    margin-top: 5px;
    margin-right: 5px;
    float: right;
}

#simptomi{
    width: 882px;
    margin-left: 9px;
    float: left;
    margin-top: 10px;
}

#box5_top{
    text-align: center;
    width: 882px;
    height: 33px;
    background-image: url("images/box5_top.jpg");
    padding-top: 10px;
    color: white;
    font-size: 20px;
    font-weight: bold;
}

#box5_content{
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 8px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#0f4151;
    text-decoration:none;
    line-height:18px;
    border-left:1px solid #b1b0b0;
    border-right:1px solid #b1b0b0;
    background-image: url("images/box1_bg.jpg");
    background-repeat:repeat-x;
    background-color: #fbf9f9;
}

#box5_bottom{
    background-image: url("images/box5_bottom.jpg");
    width: 882px;
    height: 11px;
}

#prijatelji{
    width: 882px;
    margin-left: 9px;
    float: left;
    margin-top: 10px;
}

#box6_top{
    text-align: center;
    width: 882px;
    height: 33px;
    background-image: url("images/box5_top.jpg");
    padding-top: 10px;
    color: white;
    font-size: 20px;
    font-weight: bold;
}

#box6_content{
    padding-left: 8px;
    padding-top: 8px;
    padding-right: 8px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    font-weight:normal;
    color:#0f4151;
    text-decoration:none;
    line-height:18px;
    border-left:1px solid #b1b0b0;
    border-right:1px solid #b1b0b0;
    background-image: url("images/box1_bg.jpg");
    background-repeat:repeat-x;
    background-color: #fbf9f9;
}

#box6_bottom{
    background-image: url("images/box5_bottom.jpg");
    width: 882px;
    height: 11px;
}

#footer{
    width: 900px;
    height: 29px;
    float: left;
    margin-top: 10px;
    padding-top: 8px;
    text-align: center;
    background-image: url("images/footer_bg.jpg");
}

.footer_menu{
    color: white;
    text-decoration:none;
    font-family: georgia;
    font-size: 13px;
    margin-right: 5px;
    margin-left: 5px;
}

.footer_menu:hover{
    text-decoration: underline;
}

.separator{
    vertical-align:middle;
}

#rightside{
    float:left;
    width:390px;
}

#leftside{
    float:left;
    width:500px;
}

#profil{
    float: right;
}

#o_nama_bottom{
    background-image: url("images/o_nama_bottom.jpg");
    width: 882px;
    height: 11px;
}

#box_top{
    text-align: center;
    width: 882px;
    height: 33px;
    background-image: url("images/box_top.jpg");
    padding-top: 10px;
    color: white;
    font-size: 20px;
    font-weight: bold;
}

#male{
    margin-left: 112px;
    margin-top: 45px;
    margin-bottom: -4px;
}

#signature{
    font-weight: bold;
    font-style: italic;
    float: right;
    margin-right: 40px;
    margin-top: 70px;
}

.detailed_box{
    margin-left: auto;
    margin-right: auto;
    width: 500px;
   
}

.detailed_box_picture{
    float: right;
}

#kontaktirajte_table{
    margin-left: auto;
    margin-right: auto;
}

#vasa_poruka{
    padding-left: 60px;
    padding-right: 10px;
}

#posalji{
    background-image:url("images/posalji.jpg");
    width: 85px;
    height: 38px;
    border: 0px;
    margin-left: 180px;
    
}

#lady{
    float: right;
    margin-right: 122px;
    margin-bottom: -18px;
    margin-top: -40px;
}

#kontaktirajte_bottom{
    background-image: url("images/kontaktirajte_bottom.jpg");
    width: 882px;
    height: 11px;
}

#porudzbenica_left{
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#0f4151;
    text-decoration:none;
    line-height:45px;
    margin-top: 30px;
    float: left;
    margin-left: 120px;
}

#porucite_top{
    text-align: center;
    width: 382px;
    height: 33px;
    background-image: url("images/porucite_top.jpg");
    padding-top: 10px;
    color: white;
    font-size: 20px;
    font-weight: bold;
}

#underline_text{
    text-decoration:underline;
}

#potvrda_text{
    margin-left: 270px;
    margin-top: 40px;
    float: left;
}

#porucite_content{
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
    color:#0f4151;
    text-decoration:none;
    line-height:18px;
    border-left:1px solid #b1b0b0;
    border-right:1px solid #b1b0b0;
    background-image: url("images/box2_bg.jpg");
    background-repeat:repeat-x;
    background-color: #b9e0f7;
    height: 250px;
}

#photo1{
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    padding-left: 8px;
}