@charset "utf-8";
/* CSS Document */
body{
font-size:62.5%;
font-family:"Trebuchet MS";
behavior: url(csshover.htc);
color:#675d57;
background-color:#fbf2ef;
}
/*++++++++++++++    STANDARD   +++++++++++++++++++++++++++++++++++++*/
* {margin:0; padding:0;}	
img { display:block; border:none; }
h1, h2, h3, h4, h5, h6, p, ul, li, form, dl, dt, dd {padding: 0; margin: 0;}
ul { list-style: none; }
a { text-decoration: none; outline:none; color:#576767;}
.clear{clear:both; margin:0; line-height:0; height:0;}



/*++++++++++++  WRAPPER  +++++++++++++++*/
#wrapper{
width:998px;
margin: 0 auto;
border:1px solid #fcd4c7;
overflow:hidden;
margin-bottom:20px;
}
/*++++++++++++  HEADER  +++++++++++++++*/
#header{
width:998px;
background: #FF9933;
height:176px;
background: #f0f6eb url(../../images/5rhythms/header_bg_petritmova.gif) repeat-x top left;
position:relative;
text-transform:uppercase;
}
#header div.gornji_izbornik {width:181px; height:22px; line-height:22px;  position:absolute; top:10px; right:0px; font-size:11px; text-transform:uppercase;  }
#header div.gornji_izbornik p a {position: relative; padding: 0 10px;}
#header div.gornji_izbornik p a:hover {color:#675d57; text-decoration:underline;}
#header div.gornji_izbornik p img.izb { width:1px; height:22px; position:absolute; top:0px; left:48px; }
#header div.gornji_izbornik p img.izb2 { width:1px; height:22px; position:absolute; top:0px; right:67px; }

#header img.logo { position:absolute; left:145px; bottom:32px; display:block;}
#header div.strip {width:998px; height:23px; background:url(../../images/5rhythms/strip.jpg) repeat-y top left; position:absolute; left:0; bottom:0; font-size:14px;}
#header div.strip p {background:#fff; width:168px; border-left:1px solid #f15523; border-right:1px solid #f15523; line-height:23px; height:23px; position:absolute; right:16px; font-weight:bold; padding: 0 0 0 16px;}
#header div.strip p span { color:#f15523; font-size:18px; font-weight:normal; padding: 0 10px;}
#header div.strip p a { color:#675d57;}


div#main {width:998px; float:left; position:relative; margin:16px 0;}

div#left {width:184px; float:left; position:relative;  background:#fff url(../../images/5rhythms/shadowR5ritmova.gif) repeat-y top right; margin-left:14px; display:inline;
 word-wrap: break-word;}
div#left div.bottomL {width:182px; height:7px; line-height:7px; float:left; background:url(../../images/5rhythms/bottomLeft5ritmova.gif) no-repeat bottom left; /*border:1px solid red;*/ }
div#left div.left_sh01 {width: 182px;  position:relative; background:url(../../images/5rhythms/shadowL5ritmova.gif) repeat-y top left; padding:0 0 0px 2px; height:830px;}


div#left ul { width: 180px; position:relative; margin-top:10px; margin-bottom:0px; zoom:1; float:left; }
div#left ul li {width:auto; padding: 0 0 0 10px; height:20px; line-height:20px; margin: 0 0 2px 0; zoom:1; border-bottom:1px solid #fddcd1; }
div#left ul li a {color:#675d57; background:url(../../images/5rhythms/5ritmova_strelica.gif) no-repeat center left; padding-left: 12px;  font-size: 11px; display:block; height:20px; line-height:22px; }
div#left ul li.one {font-size:12px !important; background:#F15523; padding:0; font-weight:bold !important; text-transform:uppercase;}
div#left ul li.one a {font-size:12px !important; border-right:6px solid #FEB49B; color:#fff !important; background-image:none; padding:0 0 0 10px;}
div#left ul li.one:hover {background:#FEB49B;} 
div#left ul li.one a:hover { border-right:6px solid #F15523; color:#3C1002 !important;}



div#left div.left_sh01 img {width:190px; margin: 70px 0 0px 0px; padding-bottom: 70px; float:left; }


div#wrapp_middle { width:574px; margin:0 0 0px 14px; position:relative; float:left;  background:url(../../images/5rhythms/shadowR5ritmova.gif) repeat-y top right; display:inline; }
div#middle div.middle_cont div.silueta {position:absolute; top:110px; left:0px; width:552px; height: 702px; z-index:1001; }


div#middle {width:552px; float:left; padding:0 10px 15px 10px; position:relative; margin: 0 0 0 0;
background: #fff url(../../images/5rhythms/shadowL5ritmova.gif) repeat-y top left; 
 font-size:13px;}
div#middle div.middle_cont {width:552px; float:left; position:relative; margin:10px 0 10px 1px; display:inline;  }

/* div#middle div.middle_cont img.first {display:block; border:2px solid #7bc044; float:left; margin: 0 8px 8px 0; } */
div#middle div.middle_cont img {display:block; margin: 0 8px 8px 0; }

h1 { font-size:18px; margin-bottom:10px;  padding-left:10px; padding-top:2px;}
h1.nasl { color:#fff; width:542px; background:#feb49b; position:relative; }
h1.nasl span { width:21px; height:21px; display:block; background:url(../../images/5rhythms/mali_logo_5ritm.gif) no-repeat top right; position:absolute; top:2px; right:10px;}
div#middle div.middle_cont p { margin:0px 0 5px 0; position:relative; }
div#middle div.middle_cont p span.gab {color:#f15523; }

div#middle div.middle_cont div.dobrobiti { width:370px; text-align:center; margin:0 auto; position:relative; }
div#middle div.middle_cont div.dobrobiti  h2 { text-transform:uppercase; font-size: 13px; position:relative; width:auto;}
div#middle div.middle_cont div.dobrobiti  h2 span {font-size: 18px;}
div#wrapp_middle div.bottomM {width: 572px; height: 7px; line-height: 7px; float:left; background:url(../../images/5rhythms/bottomMiddle5ritmova.gif) no-repeat bottom left; }
div#middle div.middle_cont div.dobrobiti img.brush { width:136px; display:block; margin:0 auto; text-align:center;}



div#right {width: 184px; float:left; color:#675d57; position:relative; background:#fff url(../../images/5rhythms/shadowR5ritmova.gif) repeat-y top right; margin:0px 0 0px 14px; display:inline; zoom:1; }
div#right div.right_sh01 {width: 182px; float:left; background:url(../../images/5rhythms/shadowL5ritmova.gif) repeat-y top left; padding-left:2px; padding-bottom:20px; text-transform:uppercase; font-weight:bold; height:810px;}
div#right div.right_sh01 img {float:left; margin-left:10px; display:inline;}
div#right div.right_sh01 div.box {width: 167px; float:left; position:relative; margin: 6px 0 40px 7px; background: url(../../images/5rhythms/box_top5ritam.gif) no-repeat top left; padding-top:29px; display:inline;}
div#right div.right_sh01 div.box h4 {width:140px; font-size:12px; font-weight:bold; position:absolute; top:10px; left:12px;}
div#right div.right_sh01 div.box div.box_bottom {width:167px; height:35px; float:left; background:url(../../images/5rhythms/box_bottom_5ritam.jpg) no-repeat top left;}

div#right div.right_sh01 div.box div.M_box {width:160px; float:left; background: url(../../images/5rhythms/222_5ritam.jpg) repeat-y top left; padding-left:14px; zoom:1;}
div#right div.right_sh01 div.box div.M_box ul {width: 148px; padding:0 0px 0 0px; font-size:11px;  font-weight:bold; zoom:1; padding-top:14px;}
div#right div.right_sh01 div.box div.M_box ul li  { width:auto; background:url(../../images/5rhythms/bullet5ritmova.gif) no-repeat center left; padding-left: 20px; height:1%; margin-bottom:10px;}
div#right div.right_sh01 div.box div.M_box ul li a {  padding:0px 0 0 0px; display:block; color:#675d57;}
div#right div.right_sh01 div.box div.M_box ul li a:hover { text-decoration:underline; color:#675d57;}
div#right div.bottomL {width:184px; height:7px; line-height:7px; float:left; background:url(../../images/5rhythms/bottomLeft5ritmova.gif) no-repeat bottom left; }




div#footer {clear:both; width:990px; color:#fff; padding: 0px 0 0 10px; font-size:11px; position:relative; background: #f15523;}
div#footer p { padding: 4px 0; }
div#footer p span {background: #7bc044 url(../../images/5rhythms/triple_littlegif_5ritm.gif) no-repeat top right; display:block; width:86px; height:22px;
position:absolute; top:1px; right:15px;}