﻿#pozadina {

    width:100%;
   }
 
#background {

    background:#fff url('../PublishingImages/RECROWeb Slike/repeat-bg1.png') repeat-x; 

}

img { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
    }
    
#varijacija{
float:right;
margin-left:-800px;
margin-right:0px;
				}
 





a { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
  }





td
 { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
                 }





th
 { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit;
                 
                 }





tr
 { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit;
                 
                 }





thead
 { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
                 }





tfoot
 { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
                 }





tbody
 { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
                 }





caption
 { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
                
                 }





table
 { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
                 
                 }





span
 { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
                 }





div { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
         }





body { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
                 }





html
 { 
                margin: 0; 
                padding: 0; 
                border: 0; 
                outline: 0; 
                font-weight: inherit; 
                font-style: inherit; 
                font-size: 100%; 
                font-family: inherit; 
                                 }


body { 
               
                font-family:"Trebuchet MS", sans-serif; 
                font-size:62.5%; 
                line-height:1.5; 
                color:#333; 
                height:100%; 
                width:100%;
                }
  
            

/*Tablica na MasterPage-u*/
#wrapper  { 
                font-size:1.2em; width:980px; margin:0 auto 0; position:relative;                
                }
    
#wrapperwebshop  { 
                font-size:1.2em; width:1285px; height:100%;  position:relative;margin:0 auto 0;                 
                }
            


#table_master{
                width:900px;
                }

/*Tablice unutar Master tablice*/
.tr_table{
				border-spacing: 0px;
				width: 100%;
				vertical-align: middle;
				position: relative;
				margin-top: 1.3px;
}

.tr_table td{
                 padding:0px;
                 
}

.td_left{
 text-align:left;
 vertical-align: bottom;
 margin-right:0px
}

.td_center{
 text-align: right;
 vertical-align: middle;
}

.td_right{
				text-align: right;
				vertical-align: middle;
				float:right;
								
}

#login{

width:80px;
background-color:#666666;
border-right:1px solid #FFFFFF;
font-family:'Trebuchet MS',sans-serif; 
font-size:9pt; 
line-height:1.5; 
color:#C0C0C0; 
text-align:center;	
			
}

/*Console*/
.ms-consoletitleareaframe{
                background-color:#83b0ec
}

.ms-consoletitleareaframebottom
{
background-color:white;
height:0px;
text-align:center;
padding:0px 0px 0px 0px;
}

.ms-consoleframe{
                border-color:white;
}

.ms-consolemptablerow{
background-color:white;
}

/*Varijacije*/

.ms-vartopnav{
                float:right;
                overflow:hidden; 
}

.ms-vartopnav a{
                display:block; 
                
                padding:0 1px; 
}

.ms-vartopnav td {
                float:left; 
                padding:0 10px; 
                background:url('../PublishingImages/RECROWeb Slike/link-separator.png') no-repeat right 4px; 
}

.ms-vartopnavselected a{
                
                color:#ffcb00; 
}

.ms-vartopNavHover a{
                
                color:#ffcb00; 
}

#var_td{
	width: 200px;
	float: none;
}

/*Pomocna navigacija*/

#aid_nav{
                padding-right:40px;
}

#nav li       { 
                list-style-type:none;
                float: right;
                padding:1px 10px; 
                background:url('../PublishingImages/RECROWeb Slike/link-separator.png') no-repeat left -15px; 
               
}
#nav li.first { 
                background:none;
 }
#nav li a     { 
                display:block; 
                font-weight:bold; 
                color:#a9a9a9;
               

               
 }
 
 
#nav1 li       { 
                list-style-type:none;
                float: right;
                border-right:1px #FFFFFF solid;
                background-color:#999999;
                width:109px;
                text-align:center;
                
                
               
               
                
}
#nav1 li.first { 
                background:none;
 }
#nav1 li a     { 
                display:block; 
                font-weight:bold; 
                color: #FFFFFF;
                text-decoration:none;
 }

#nav1 li a:hover  { 

				color:#ffcb00;
				background-color:#808080;

                 }

#header #nav li.active a { 
                color:#ffcb00; 
}

#header #nav li.active { 
                 
}



#nav li a:hover { 
                color:#ffcb00; 
}

/*Search*/
.ms-sbtable-ex{
                width:209px;
                background: #8c8d8d;
                height:10px;
                border-left:6px #8c8d8d solid;
                border-bottom:2px #8c8d8d solid;
				border-top:3px #8c8d8d solid;
				
                
                }

.ms-sbcell{
					
                font-family: "Trebuchet MS";
                font-size: 12px;
                font-weight: bold;
                height:10px;
                font-style: normal;
                background:url('../PublishingImages/RECROWeb Slike/search-bg.png');
               
                }
.ms-sbcell span{
   
           height:4px;
           background: #8c8d8d;

           margin-right:5px;            
}

td.ms-sbcell{
            border:none;
            height:4px;
            background: #8c8d8d;
       
              
}

td.ms-sbgo{
               background: #8c8d8d;
               width:35px;
               height:5px;

                }

td.ms-sbLastcell{
                width:0px;
                height:4px;
				background: #8c8d8d;
                }

/*Glavna Navigacija*/

.ms-topnavContainer{
                border-left:none;
                clear:both; 
                padding-top:20px; 
                position:relative; 
                z-index:2;
                
}

.ms-topnav{
 
                border:none ;
                border-right:none ;
                border-bottom:none;
                float:left; 
                position:relative;
                background-color:#7f7f7f; 
                color:#fff;
}

.ms-topnav a{
                border-style: none;
				border-color: inherit;
				border-width: medium;
				background:  url('../PublishingImages/RECROWeb Slike/link-bg1.png') repeat-x 136px top;
				display: block; 
                				width:121px; 
                				min-width:111px;
                				height:30px; :     /*Linija ispod glavne navigacije*/
                				text-align:center; 
                				line-height:30px; 
                				font-weight:bold; 
                  				cursor:pointer;
                 vertical-align:top;
}

.ms-topnav td {
                border-style: none;
				border-color: inherit;
				border-width: medium;
				background:  url('../PublishingImages/RECROWeb Slike/link-bg1.png') repeat-x 136px top;
				text-align:center; 
                				line-height:30px; 
                				font-weight:bold; 
                 vertical-align:top;
                				cursor:pointer;
}

.ms-topnav tr td img{
                visibility:hidden;
}

.ms-topnavselected {
                color:#ffcb00; 
                 background-position:0 -32px;                            
}

.ms-topnavselected a{
                color:#ffcb00; 
               background-position:0 -32px;}

.ms-topnavselected td{ 
                color:#ffcb00;
                background-position:0 -32px;}

.ms-topNavHover td{
               color:#ffcb00; 
                background-position:0 -32px;
            
                }


.ms-topNavHover a{
                color:#ffcb00; 
                 background-position:0 -32px;
               
}

.dynamicMenuStyle{
                background-image:url('/PublishingImages/content-gradients.png');                  
                background-repeat:repeat-x;
                background-position: left -70px;
                background-color:#f1f2f4;
                 visibility: collapse;
                display:none; 
                position: relative;
                top:30px; 
                left:0; 
                z-index:3; 
                border:2px solid #dedede;
                padding-top:10px;
                padding-left:5px;
                padding-bottom:5px;    
                width:260px;
                
                }

.ms-topNavFlyOuts{
                background:none;
                float:none;
                border:none;
                border-bottom:1px dashed #dcdcdc;
 }

.ms-topNavFlyOuts a{
                background:url('/PublishingImages/green-arrow.png') no-repeat 5px 10px; 
                display:block; 
                width:227px; 
                height:1%; 
                text-align:left; 
                line-height:1.5; 
                font-weight:bold;
                color:#02253a; 
                margin:0;
                padding:5px 0 5px 18px;
                }
                
.ms-topNavFlyOutsHover a{
 color:#fff; 
 background:#2eb4c8 url('/PublishingImages/white-arrow-right.png') no-repeat 3px 10px;  
 }

.ms-topNavFlyOutsHover td{
 color:#fff; 
 background-color:#2eb4c8;  
 }
  
.ms-topNavFlyOuts tr td img{
        visibility:hidden;
}

/*BreadCrumb*/

.ms-sitemapdirectional{
 float:left; 
 height:10px; 
 line-height:10px; 
 background:url('../PublishingImages/RECROWeb Slike/link-separator.png') no-repeat left -31px; 
 padding:0 5px 0 7px; 
 font-family:Arial, sans-serif; 
 font-size:.833em;
 color:black;
 margin-top:0px
 
}

.breadcrumbCurrent{
 float:left; 
 height:10px; 
 line-height:10px; 
 background:url('../PublishingImages/RECROWeb Slike/link-separator.png') no-repeat left -31px; 
 padding:0 5px 0 7px; 
 font-family:Arial, sans-serif; 
 font-size:.833em;
 color:gray;
 

}

.prvi{
 visibility:hidden;
}

/*Site Action*/

.ms-siteaction a{
  font-family:"Trebuchet MS", sans-serif; 
                
}

.ms-siteaction{
font-family:"Trebuchet MS", sans-serif; 
                
}

/* CSS dio za layout */
/*Makni okvir*/
.ms-bodyareaframe{
vertical-align:top;
height:100%;
width:100%;
border-top:0px solid #6f9dd9;
border-right:0px solid #6f9dd9;
border-left:0px solid #6f9dd9;
}
.ms-viewareaframe
{

border-left:0px solid #6F9DD9;
border-right:0px solid #6F9DD9;
border-top:0px solid #6F9DD9;
height:100%;
vertical-align:top;
width:100%;
}


/************************ Content wrap ***/
#content-wrap               {
				position: relative;
				float: left;
				width:1000px;
				}

#content-wrap.sans-subnav   { width:1000px; }
#content-wrap.index         { width:1000px; }
#content-wrap a             { color:#f93; }
#content-wrap a:hover       { text-decoration:underline; }
#content-wrap ul            { margin:15px 0; }
#content-wrap ul li         { list-style:square outside url('../PublishingImages/RECROWeb Slike/green-square.png'); margin:0 0 0 30px; }
#content-wrap .links li     { list-style:none outside none; margin:0; zoom:1; }
#content-wrap .links li a   { display:block; background:url('../PublishingImages/RECROWeb Slike/orange-arrow.png') no-repeat left 7px; padding-left:10px; zoom:1; }
*/

/************************ Main content ***/

#main                 { float:left; width:528px; margin-right:20px; }
#main1                 {  width:100%; height:100%; }
.sans-subnav #main    { width:728px; }

#main .box                    {  border:1px solid #ccc; background:#ffcb05 ; padding:10px 15px 15px; margin-bottom:20px; position:relative; overflow:hidden; }
#main .box1                    {  background: transparent ; position:relative; overflow:hidden; }

#main .box a                  { font-weight:bold; }
#main .box.no-padding         { padding:0; }
#main .box.no-border          { border-width:0; }
#main .box.image-links ul     { padding:0!important; margin:0!important; }
#main .box.image-links ul li  { list-style:none outside none; margin:0!important; padding:0!important; }
#main .box h2                 { font-size:1.5em; color:#333; font-family:Arial, sans-serif; margin-bottom:15px; }
#main .box h3                 { font-weight:bold; font-size:1.083em; margin-bottom:15px; }
#main .box h3.alt-01          { font-size:1.231em; }
#main .box #notice            { background:#f0ecb9; padding:10px; zoom:1; }
#news-highlight .more         { position:absolute; bottom:10px; right:10px; text-transform:lowercase; background:url('../PublishingImages/RECROWeb Slike/orange-arrow.png') no-repeat left 7px; padding-left:10px; zoom:1; }
#main .box .more              { position:absolute; bottom:10px; right:10px; text-transform:lowercase; background:url('../PublishingImages/RECROWeb Slike/orange-arrow.png') no-repeat left 7px; padding-left:10px; zoom:1; }
#main .box img.lfloat         { border:1px solid #dedede; }
*/

#page-headline { border:1px solid #ccc; background:#58c2d1; width:526px; height:206px; margin-bottom:21px; line-height:1.2; }
#page-headline img { display:block; zoom:1; }

#content.index #content-wrap #page-headline { position:relative; left:-210px; width:730px; height:288px; }
#content.index #content-wrap #page-headline div { width:auto; margin:0; display:block; }

/************************ Right sidebar ***/

#desno { float:left; width:196px; }
#content-supp { float:left; width:214px; height:auto; }

.has-page-headline #content-supp { margin-top:-229px; }

#content.index #content-supp { margin-top:-318px; }

#content-supp .box    { *min-height:0; _height:1%; border:1px solid #ffcb05; background:#ffcb05; margin-bottom:20px; padding:0 10px 7px; }
#content-supp .box:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#content-supp .box h2 { color:#02253a; background:#ffcb05 url('../PublishingImages/RECROWeb Slike/content-gradients.png') repeat-x left -36px; margin:1px -9px 0; padding:7px 0 7px 10px; font-size:1.083em; }

#content-supp.shopping-control         { width:758px; padding-left:4px; margin-bottom:7px; }
#content-supp.shopping-control .first  { float:left; width:56px; height:169px; background:#f4c300 url('../PublishingImages/RECROWeb Slike/how-to-shop-btn.png') no-repeat; text-indent:-9999px; overflow:hidden; }
#content-supp.shopping-control .box    { float:left; margin:0 0 0 15px; width:194px; }

#content-supp .type-01 div         { border-width:0; zoom:1; }
#content-supp .type-01 p           { margin-top:0; }
#content-supp .type-01 ul          { margin-bottom:0; }
#content-supp .type-01 ul li       { padding:0; margin:10px 0 0; list-style:none outside none; }
#content-supp .type-01 fieldset    { margin-top:-10px; }
#content-supp .type-01 label       { color:#999; cursor:pointer; float:left; font-size:.917em; }
#content-supp .type-01 input       { width:98%; padding-left:2px; }
#content-supp .type-01 select      { border:1px solid #fcdc86; font-weight:bold; color:#686868; background:url('../PublishingImages/RECROWeb Slike/box-select-bg.png') repeat-x 0 0; }
#content-supp .type-01 .submit     { width:74px; height:23px; padding:0; border:none; float:right; }
#content-supp .type-01 .off-screen { position:absolute; left:-9999px; top:-9999px; }

#content-supp .box-alt-01          { background:#ffcb05 url(../images/binoculars-bg.png) no-repeat 10px 95% !important; }
#content-supp .box-alt-01 fieldset { float:right; }
#content-supp .box-alt-01 label    { color:#000; font-weight:bold; margin-right:3px; line-height:18px; }
#content-supp .box-alt-01 input    { width:108px; }

#content-supp .type-02             { zoom:1; position:relative; min-height:80px; height:auto !important; height:80px; padding:85px 10px 0 13px; *padding-bottom:0; border:1px solid #ccc; background:#e9e8e8 url(../images/box-type-02-bg.png) no-repeat; }
#content-supp .type-02.shop-basket      { background-position:-434px 0; }
#content-supp .type-02.shop-favorites   { background-position:-217px 0; }
#content-supp .type-02.shop-search      { background-position:0 0; }
#content-supp .type-02 h2          { position:absolute; left:-9999px; top:-9999px; }
#content-supp .type-02 a           { width:107px; height:23px; float:right; overflow:hidden; background:#b4b4b6 url('../PublishingImages/RECROWeb Slike/box-type-02-bg.png') no-repeat; text-indent:-9999px; }
#content-supp .type-02.shop-basket a       { background-position:-214px 0; }
#content-supp .type-02.shop-favorites a    { background-position:-107px 0; }
#content-supp .type-02 dl          { zoom:1; overflow:hidden; margin:0 0 17px; font-weight:bold; text-transform:uppercase; }
#content-supp .type-02 dt          { float:left; margin-right:12px; color:#7c7c7c; }
#content-supp .type-02 dd          { float:left; color:#396; }
#content-supp .type-02.shop-search label    { position:absolute; left:-9999px; top:-9999px; }
#content-supp .type-02.shop-search input    { border:1px solid #cecdd1; margin-bottom:4px; font-weight:bold; }
#content-supp .type-02.shop-search select    { border:1px solid #cecdd1; margin-bottom:4px; font-weight:bold; }
#content-supp .type-02.shop-search input    { width:188px; }
#content-supp .type-02.shop-search .submit  { position:absolute; right:10px; bottom:3px; width:107px; height:23px; border:none; margin-bottom:0; }

#content-supp .banner       { display:block; margin-bottom:20px; }
#content-supp .banner img   { vertical-align:top; }

/************************ PAGE SPECIFIC ***/
/************************ Home >> New in offer ***/

#new-in-offer     { padding:0 0 1px !important; }
#new-in-offer ul  { margin:0 !important; }
#new-in-offer h2  { float:left; margin-bottom:0 !important; margin-right:1px; margin-left:1px; padding:0 46px 0 17px; background:#ffcb05; font:1em/48px "Arial",sans-serif; text-transform:uppercase; }
#new-in-offer li  { margin:0 !important; list-style:none outside none !important; }
#new-in-offer #offer-info         { position:relative; }
#new-in-offer #offer-info li      { position:relative; padding:43px 0 0 57px !important; font-family:"Arial",sans-serif; display:none; width:673px; height:246px; background:url('../PublishingImages/RECROWeb Slike/offer-info-bg.png') no-repeat 0 0; }
#new-in-offer #offer-info h3      { width:281px; font-size:2.5em; line-height:1.2; }
#new-in-offer #offer-info p       { font-size:1.333em; color:#7c7c7c; font-weight:bold; width:281px; }
#new-in-offer #offer-info img     { position:absolute; right:15px; top:10px; }
#new-in-offer #offer-info a     { display:block; width:93px; height:29px; background:#f8bf23 url('../PublishingImages/RECROWeb Slike/more-btn.png') no-repeat; text-indent:-9999px; overflow:hidden; }

#new-in-offer #offer-nav                  { float:left; width:475px; _width:474px; position:relative; overflow:hidden; }
#new-in-offer #offer-nav ul               { width:9999px; position:relative; left:0; top:2px; _top:0; }
#new-in-offer #offer-nav ul li            { zoom:1; margin:0 !important; float:left; padding:0; }
#new-in-offer #offer-nav a                { position:relative; display:block; margin:0 5px; cursor:pointer; border:1px solid #efefef; }
#new-in-offer #offer-nav .active a        { background:#ccc; }
#new-in-offer #offer-nav img              { vertical-align:top; }
#new-in-offer .offer-nav-controls         { float:left; width:26px; height:48px; background:#ffcb05 url('../PublishingImages/RECROWeb Slike/offer-nav-back-forward.png') no-repeat 0 0; text-indent:-9999px; overflow:hidden; cursor:pointer; }
#new-in-offer .forward                    { background-position:-26px 0; }

/************************ Home >> Partners ***/

#partners     { border:none !important; background:none !important; padding:0 !important; }
#partners h2  { position:absolute; left:-9999px; top:-9999px; }
#partners ul  { overflow:hidden; margin:0 !important; }
#partners li  { float:left; margin:0 !important; list-style:none outside none !important; }
#partners img  { vertical-align:top; }

/************************ Home >> Action offer ***/


/************************ Home >> Slider ***/
#main #slider                       { width:730px; background:#ffcb05; border-color:#ffcb05; padding:0 4px 6px 2px; overflow:visible; }
#main #slider:after                 { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
#main #slider                       { *min-height:0; _height:1%; }
#slider #slider-container           { clear:left; position:relative; border:1px solid #ccc; border-top:none; background:#fff url('../PublishingImages/RECROWeb Slike/slider-bg.png') no-repeat 0 0; *background-position:1px 0; }
#slider .scroll                     { width:610px; padding:25px 0 40px; overflow:auto; position:relative; left:58px; clear:left; }
#slider .panel h3                   { font-size:1.333em; color:#686868; }
#slider .scroll-container .panel    { padding:0; width:610px; }
#slider .scroll-buttons             { zoom:1; position:absolute; top:50%; margin-top:-16px; _margin-top:-32px; cursor:pointer; }
#slider .scroll-buttons.left        { left:5px; z-index:1; }
#slider .scroll-buttons.right       { right:5px; _right:10px; z-index:1; }
#slider #slider-navigation          { position:relative; z-index:1; width:730px; background:url('../PublishingImages/RECROWeb Slike/slider-navigation-bg.png') repeat-x 100% 100%; padding:0; margin:-5px 0 0; float:left; }
#slider #slider-navigation li       { float:left; margin:0; padding:0; list-style:none outside none; }
#slider #slider-navigation a        { display:block; width:180px; height:27px; padding-top:10px; background:url('../PublishingImages/RECROWeb Slike/slider-navigation-link-normal.png') no-repeat 100% 7px; text-align:center; font-family:"Arial",sans-serif; font-size:1.167em; color:#fff; text-decoration:none; text-transform:uppercase; }
#slider #slider-navigation a:focus    { outline:none; }
#slider #slider-navigation a:hover    { color:#000; }
#slider #slider-navigation .last .selected  { color:#000; background:#ededed url('../PublishingImages/RECROWeb Slike/slider-navigation-link.png') no-repeat;  }
#slider #slider-navigation .selected  { color:#000; background:#ededed url('../PublishingImages/RECROWeb Slike/slider-navigation-link.png') no-repeat;  }
#slider #slider-navigation .last a          { background:none;  }
#slider #panel-01 ul        { overflow:hidden; margin:0; }
#slider #panel-01 li        { float:left; margin:0 16px 0 0; padding-left:20px; padding-right:20px; width:420px;border-left:1px dashed #dcdcdc; border-right:1px dashed #dcdcdc; list-style:none outside none; }
#slider #panel-01 .first    { border-left:none; }
#slider #panel-01 span  { color:#7c7c7c; font-size:.917em; }
#slider #panel-01 h3    { color:#333; font-size:1.083em; margin-bottom:0; }
#slider #panel-01 p     { margin:5px 0 0; }
#slider #panel-01 a     { float:right; padding-left:9px; margin-left:0px; text-transform:lowercase; background:url('../PublishingImages/RECROWeb Slike/orange-arrow.png') no-repeat 0 center; text-align:left; font-size:.917em; }
 /**/

 #sub-nav ul li#open a:hover { background:#2eb4c8 url('PublishingImages/white-arrow-down.png') no-repeat 3px 11px; }

#content-wrap { float:left; width:762px; margin-top:9px; }
#content-wrap ul          { margin:15px 0; overflow: hidden; }
#content-wrap ul li       { list-style:square outside url('PublishingImages/green-square.png'); margin:0 0 0 30px; }
#content-wrap .links      { overflow: hidden; }
#content-wrap .links li   { list-style:none outside none; margin:0; }
#content-wrap .links li a { display:block; background:url('PublishingImages/green-square.png') no-repeat left 7px; padding-left:10px; }
#content-wrap a       { color:#02253a; font-weight:bold }
#content-wrap a:hover { text-decoration:underline; }

#main {
	float: left;
	width: 514px;
	margin-right: 13px;
}
#main.no-rsbar { width:762px; margin-right:0; }
#main .box      {
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px 15px 15px;
	margin-bottom: 20px;
	overflow: hidden;
}

#main .box .container { margin-bottom:0!important; }
#main .box.no-padding { padding:0; }
#main .box.no-border  { border-width:0; }
#main .box .bottom-link       { display:block; padding-left:10px; background:url('PublishingImages/green-arrow.png') no-repeat left center; float:right; }
#main .box.image-links ul     { padding:0!important; margin:0!important; }
#main .box.image-links ul li  { list-style:none outside none; margin:0!important; padding:0!important; }
#main .box h2                 { font-size:1.5em; color:#686868; font-family:Arial, sans-serif; margin-bottom:15px; }
#main .box h3                 { font-weight:bold; font-size:1.083em; margin-bottom:15px; }
#main .box h3.alt-01          { font-size:1.231em; }
#main .box #notice            { background:#f0ecb9; padding:10px; }
#main .box .more              { position:absolute; bottom:10px; right:10px; text-transform:lowercase; background:url('PublishingImages/green-arrow.png') no-repeat left 7px; padding-left:10px; }

/*naslovnica*/
/*Quick Launch*/

#sub-nav {
	width: 190px;
	float: left;
	margin-top: 9px;
	clear: left;
	margin-right: 20px;
}



.leftNav1  tr td a
{
background:url('../PublishingImages/RECROWeb Slike/orange-arrow.png') no-repeat 3px 10px; 
text-align:left;   
}

.leftNav2  tr td a
{
background:url('../PublishingImages/RECROWeb Slike/orange-arrow.png') no-repeat 8px 10px; 
text-align:left; 
text-indent:3px;
}


.leftNav3  tr td a
{
background:url('../PublishingImages/RECROWeb Slike/orange-arrow.png') no-repeat 19px 10px; 
text-align:left; 
text-indent:13px;
}


.leftNavSelected  tr td a:first-child  
{
background-color:black;	
color:white;
	
	}

.leftNav2{
	
	display:block; 
	padding:5px 0 5px 13px; 
	margin:0 0px; 
	border-top:1px dashed #dcdcdc; 
	line-height:16.5px;
  	line-height:16.5px;
	font-weight:bold;
	font-size:10px;
	font-family: "Trebuchet MS", sans-serif; 
}

.leftNav3{
	
	display:block; 
	padding:5px 0 5px 13px; 
	margin:0 0px; 
	border-top:1px dashed #dcdcdc; 
	line-height:16.5px;
  	line-height:16.5px;
	font-weight:bold;
	font-size:10px;
	font-family: "Trebuchet MS", sans-serif; 
}

.leftNav1
{
	background:url('../PublishingImages/RECROWeb Slike/content-gradients.png') repeat-x;
	height:100%;
	display:block;
	background:inherit;
}
 
 .leftNav{
 	
 width:188px;  float:left; margin-right:20px; clear:left; border:1px solid black;
}


.leftNav a:hover{

background-color:black;
				}




.leftNav1 tr 
{
	color:white; 
	display:block; padding:5px 0 5px 13px;   
	font-weight:bold;
	font-size:10px;
	margin:0px;
}

.leftNav1 tr td a 
{
	
	 display:block; 
	 padding:5px 0 5px 13px;   
	 font-weight:bold; 
	 color:black;
	 vertical-align:middle;
}

.leftNav2 tr td a
{
	color:black;  
 	display:block; 
}

.leftNav2 
{
	  background-color:white;
	  display:block;
}

.leftNavHover tr td a:hover

{
	color:white;  text-decoration:none;
}	

/*Mozilla varijacije meni*/

.ms-globallinks {
    white-space:nowrap;
}

/*Dokumenti download*/

.ms-viewheadertr{
	
		display:none;
}
.ms-vb-user{
	
		display:none;
	
	
}

/*Web partovi*/

.ms-WPHeader TD{
border-bottom:1px solid  #c6c6c6;
border-collapse:collapse;
 padding:1px;
}

.ms-WPTitle
{
font-weight:bold;
font-family: Trebuchet MS,sans-serif;
color:#4c4c4c;
padding-left:3px;
padding-right:7px;
padding-top:2px;
padding-bottom:2px;
font-size:16px;

}

.ms-WPTitle span
{
font-weight:bold;
font-family: Trebuchet MS,sans-serif;
color:#4c4c4c;
padding-left:3px;
padding-right:7px;
padding-top:2px;
padding-bottom:2px;
font-size:14px;

}

.image-area-left{
	padding:5px 10px 0px 0px;
	
}
.image-area-right{
	padding:30px 0px 0px 0px;
	
}



/*Login*/

.ms-SpLinkButtonInActive{
border:#6f9dd9 1px solid;
vertical-align:top;
background-color:#ffbb47;
background-image:url("/_layouts/images/menubuttonhover.gif");
margin:1px;
}


/*Reset*/

button { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

input { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

th { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

tr { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

thead { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

tfoot { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

tbody { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

caption { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

table { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

label { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

form { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

fieldset { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

li { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

ul { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

ol { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

dd { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

dt { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

dl { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

var { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

tt { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

sup { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

sub { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

strong { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

strike { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

small { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

samp { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

s { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

q { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

kbd { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

ins { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

img { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

font { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

em { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

dfn { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

del { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

code { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

cite { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

big { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

address { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

acronym { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

abbr { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

a { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

pre { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

blockquote { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

p { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

h6 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

h5 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

h4 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

h3 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

h2 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

h1 { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

iframe { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit; }

object { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

applet { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

span { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

div { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

html { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:inherit; font-family: inherit;  }

/* remember to define focus styles! */
:focus    { outline: 0; }
body      { line-height: 1; color: black; background: white; }
ul    { list-style: none; }

ol    { list-style: none; }


/* tables still need 'cellspacing="0"' in the markup */
table           { border-collapse: separate; border-spacing: 0; }
td { text-align: left; font-weight: normal; }
th { text-align: left; font-weight: normal; }
caption { text-align: left; font-weight: normal; }
q:after { content: ""; }
q:before { content: ""; }
blockquote:after  { content: ""; }
blockquote:before { content: ""; }
q   { quotes: "" ""; }

blockquote   { quotes: "" ""; }

/* Float classes */
.lfloat {
	float: left;
	width: 45%;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
}
.rfloat {
	float: right;
	width: 45%;
	position: relative;
	margin-top: 0px;
	right: 0px;
	margin-right: 18px;
}

/* Clear Fix */
.clear:after              { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;  }
* html .clear             { height: 1%; }
*:first-child+html .clear { min-height: 0; }

/* Defaults */
strong { font-weight: bold; } 

#webpart {
	position: relative;
	top: -14px;
}

#main1 {
 border:1px solid #ccc;
 background:#fff;
 padding:10px 5px 15px 5px;
 margin-bottom:20px;
 position:relative;
 overflow:hidden;
 margin-right: 20px;
 width: 715px;
 float: left;
}

.rfloatCopy {
	float: right;
	width: 45%;
	position: relative;
}

/*Rezultati pretraživanja*/

.ms-pagemargin{
display:none;
	
}
m
#MainLeftCell{
	border: 1px solid #ccc;
	background: #fff;
	text-indent:5px;

}

#RightCell{
    height: 401px;
	border: 1px solid #ccc;
	background: #fff;
	margin-bottom: 20px;
	padding: 0 10px 7px;
	width:50px;
}

.srch-results{
	text-indent:10px;
	margin-top:10px;
}

.leftNav {
				width: 188px;
				float: left;
				margin-right: 20px;
				clear: left;
				border: 1px solid #ccc;
}

