/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link {
   
}

a:visited {
    color:white;
}




a:hover
{
     color: #33A43F;
}

a:active {
    color: #525252;
}

p {
    -margin-bottom: 20px;
    line-height: 1.6;
}

header,
footer,
nav,
section {
    display: block;
}

body
{
  
   
     color:#525252;
   
    background-image: url("../../Content/images/bg.png");
     background-image: url("../../Content/images/squairy_light_@2X.png");
      background-image: url("../../Content/images/shattered_@2X.png");
    
    background-repeat: repeat-x repeat-y;
    -font-family: 'Sintony', sans-serif;
    font-family:Verdana;
    -font-family: 'Crete Round', serif;
    text-transform:uppercase;
    font-size:12px;
  
    
}

.headerContainer
{
    background-image: url("../../Content/images/headerBg.png");
    background-repeat: repeat-x;
    height: 99px;
    width:100%;
    padding-top:8px;
    
}

header
{
    width:980px;
    margin:0 auto;
   
}

header h1
{
    margin-left:55px;
     margin-right:62px;
     float:left;
}

nav
{
    float:left;
    color:White;
    padding-top:36px;
    font-size:12px;
    -text-shadow: 1px 0 12px #C2C2C2;
    font-weight:bold;
    
}

.btnPretrazi
{

     background-image: url("../../Content/images/btnSearch.png");
    background-repeat:no-repeat;
    background-position:left 0;
  
  
    width:100px;
    height:28.5px;
    border:none;
   

}

.btnPretrazi:hover
{

     background-position:right 0;

}



.searchContainer
{
  background-color: #525252;
    height: 37px;
    padding-top: 8px;
    margin-bottom:40px;
}

.searchContainerChild
{
  width:980px;
  margin:0 auto;
}

#filter
{
     
    border-bottom: 3px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
    border-top: 3px solid #FFFFFF;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    float: left;
    font-family: Arial;
    font-size: 16px;
    height: 15px;
    margin-bottom: 25px;
    margin-left: 260px;
    padding: 4px 8px;
    text-align: left;
    width: 349px;
}

.newsTxt
{
     
    border-bottom: 3px solid #FFFFFF;
    border-left: 3px solid #FFFFFF;
    border-top: 3px solid #FFFFFF;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    float: left;
    font-family: Arial;
    font-size: 16px;
    height: 15px;
    margin-bottom: 25px;
    margin-left: 30px;
    padding: 4px 8px;
    text-align: left;
    width:223px;
}



#filter:hover
{
    
    
   
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    
   
}

ul li
{
    float:left;
    margin-right:15px;
    cursor:pointer;
}

.lineHorizontal
{
     background-image: url("../../Content/images/lineHorizontal.png");
    background-repeat:no-repeat;
    width:389px;
    height:2px;
    margin:0 auto;
    margin-bottom:30px;
    
}

.socialNetworks
{
    width:150px;
    margin:0 auto;
    height:24px;
    margin-bottom:30px;
}

.fb
{
    background-image: url("../../Content/images/fb.png");
    background-repeat:no-repeat;
    background-position:0 left;
    height: 23px;
    width:11px;
    float:left;
    
}

.fb:hover
{

    background-position:right 0;
}


.in
{
    background-image: url("../../Content/images/in.png");
    background-repeat:no-repeat;
    background-position:0 left;
    height: 23px;
    width:24px;
    float:left;
    margin-left:40px;
    
}

.in:hover
{

    background-position:right 0;
}


.twitter
{
    background-image: url("../../Content/images/twitter.png");
    background-repeat:no-repeat;
    background-position:0 left;
    height: 23px;
    width:33px;
    float:left;
    margin-left:40px;
    
}

.twitter:hover
{

    background-position:right 0;
}

.clear
{
    clear:both;
}

.mainContainer
{
    width:981px;
    margin:0 auto;
}

.mainContainerWhite
{
    width:933px;
    margin:0 auto;
    -background-color:#EBEBEB;
    background-color:White;
    -webkit-box-shadow: 4px 2px  #9F9F9F,  -4px 0 2px #9F9F9F;   
    -moz-box-shadow: 4px 0 2px #9F9F9F,  -4px 0 2px #9F9F9F;   
    box-shadow: 4px 0 2px #9F9F9F,  -4px 0 2px #9F9F9F; 
  
    padding:24px;
}

.kategorija
{
    background-color:#43A842;
    width:240px;
   
    float:left;
    margin-bottom:40px;
}

.kategorijaBlog
{
       width:240px;
   
    float:left;
    margin-bottom:40px;
}

.katTittle
{
  
     height: 21px;
    padding: 17px 8px 16px;
}

.penaLeft
{
    background-image: url("../../Content/images/penaLeft.png");
    background-repeat:no-repeat;
    float:left;
    width:50px;
    height:20px;
}

.katTittle h2
{
    text-transform:uppercase;
    font-size:16px;
    font-weight:bold;
    display:inline;
    float:left;
    margin-left:4px;
    margin-right:4px;
    color:White;
}

.penaRight
{
    background-image: url("../../Content/images/penaRight.png");
    background-repeat:no-repeat;
    float:left;
    width:50px;
    height:20px;
}

ol
{
    margin-left:9px;
    margin-right:9px;
}

ol li
{
    padding:10px;
    font-size:13px;
    font-weight:bold;
    color:White;
    text-transform:none;
    margin-bottom:9px;
}

.activeLi
{
        background: #61635f; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNjM1ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iIzRjNGU0YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #61635f 0%, #4c4e4a 65%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61635f), color-stop(65%,#4c4e4a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #61635f 0%,#4c4e4a 65%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #61635f 0%,#4c4e4a 65%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #61635f 0%,#4c4e4a 65%); /* IE10+ */
    background: linear-gradient(to bottom,  #61635f 0%,#4c4e4a 65%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61635f', endColorstr='#4c4e4a',GradientType=0 ); /* IE6-8 */

}

.proizvodi
{
    float:right;
    width:741px;
  
    
}

.productFrame
{
    float:left;
     margin-left:20px;
     margin-bottom:30px;
    height:224px;
    width:224px;
    border:1px solid #CDC7C2;
  
     
}

.product
{
   width:217px;
   height:228px;
    border:4px solid white;
   
    background-color:White;
    z-index:99999999999999999999;
    
}

.productTitle
{
    height:37px;
    padding:5px;
    color:White;
    background-color:#43A842;
    
}

.productTitle h2
{
    font-size:12px;
    text-transform:none;
    line-height:1.4;
    font-weight:bold;
    text-align:center;
}

.productImage
{
   height: 114px;
    padding-top: 5px;
    padding-bottom:5px;

    text-align: center;
}

.cena
{
   background-color: #585A56;
    color: #FFFFFF;
    height: 21px;
    margin: 0 auto 5px;
    padding-bottom: 0;
    padding-top: 5px;
    text-align: center;
    -width: 118px;
}


.cena2
{
   background-color: #F74746;
    color: #FFFFFF;
    height: 21px;
    margin: 0 auto 5px;
    padding-bottom: 0;
    padding-top: 5px;
    text-align: center;
    -width: 118px;
}
   
   
    


.dodajKorpa
{
    width:97px;
    height:26px;
    background-color:#43A842;
    float:right;
    margin-right:7px;
    margin-bottom:7px;

}

.ocena
{
    text-align:center;
}

 



.product:hover
{
    
     border:4px solid #43A842;
}

.productShadow
{
     background-image: url("../../Content/images/productShadow.png");
    background-repeat:no-repeat;
    width:219px;
    height:11px;
    margin:0 auto;
}

.korpa
{
    background-image: url("../../Content/images/korpa.png");
    background-repeat:no-repeat;
    width:37px;
    height:32px;
   float:right;
   margin-left:25px;
}

.product:nth-child(3)
{
 margin-right:0px;
}


.footerContainer
{
           background: #585858; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiM1ODU4NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiMzODM4MzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-radial-gradient(center, ellipse cover,  #585858 5%, #383838 79%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(5%,#585858), color-stop(79%,#383838)); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover,  #585858 5%,#383838 79%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover,  #585858 5%,#383838 79%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover,  #585858 5%,#383838 79%); /* IE10+ */
        background: radial-gradient(ellipse at center,  #585858 5%,#383838 79%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#383838',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

footer
{
    width:980px;
    margin:0 auto;
   
    padding-top:20px;
}

.leftFooter
{
    float: left;
    width: 240px;
}

.rightFooter
{
    float: right;
    width: 740px;
}

.chat
{
    background-color: #FFFFFF;
    font-size: 18px;
    height: 27px;
    margin: 0 auto;
    padding-top: 7px;
    width: 185px;
}

.chat h3
{
    color:#383838;
    text-align:center;
    vertical-align:sub;
}

.brandsTitles h3
{
     color:#383838;
    text-align:center;
    vertical-align:sub;
}

.shark
{
      background-image: url("../../Content/images/shark.png");
    background-repeat:no-repeat;
    width:16px;
    height:14px;
    margin:0 auto;
    margin-bottom:73px;
}

.phone
{
       margin-bottom:54px;
       margin-right:58px;
       float:left;
}
.phone h3
{
   display:inline;
   margin-left:20px;
   vertical-align:super;
   color:White;
   font-weight:bold;
   font-size:14px;
   text-transform:none;

   
}

.skype h3
{
      display:inline;
   margin-left:20px;
   vertical-align:super;
   color:White;
   font-weight:bold;
   margin-bottom:54px;
    font-size:14px;
   text-transform:none;
}


.email
{
    float:left;
}

.biraj
{
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 30px;
    margin-bottom: 40px;
    padding: 4px 8px;
    text-align: left;
    width:180px !important;
    margin-left:0px !important;
    display:block;
}

.allCon
{
    width:750px;
  margin:0 auto;
  margin-bottom:50px;   
}




.email h3
{
      display:inline;
   margin-left:20px;
   vertical-align:super;
   color:White;
   font-weight:bold;
  
    font-size:14px;
   text-transform:none;
}


.skype
{
    margin-bottom:54px;
    float:left;
    margin-right:60px;
}

.line
{
    
    background-image: url("../../Content/images/line.png");
    background-repeat:no-repeat;
    width:389px;
    height:2px;
    margin:0 auto;
    margin-bottom:35px;
    
}

.arest
{
    float:left;
    margin-left:20px;
    width:718px;
}

.brandsTitles
{
    width:336px;
    background-color: #FFFFFF;
    font-size: 18px;
    height: 27px;
    margin: 0 auto;
    padding-top: 7px;
    margin-bottom:20px;
    text-align:center;
}

.slider1
{
    margin-bottom:50px;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #FE4042;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    color: #FE4042;
    display: block;
    -font-weight: bold;
    margin-bottom: 45px;
}

.validation-summary-valid
{
    display: none;
}

.zilet
{
   
    background-image: url("../../Content/images/zilet.png");
    background-repeat:no-repeat;
    width:67px;
    height:34px;
    margin:0 auto;
    margin-bottom:20px;
    
}

.rightFooter p
{
    width:288px;
    margin:0 auto;
    font-size:12px;
    color:#D2D2D2;
    text-transform:none;
}

.gray a
{
  
    color: white !important;
}

.gray
{
   background-color: #535353;
    bottom: 10px;
    color: white;
    padding: 9px;
    position: relative;
    width:100px;
    text-align:center;
}

.gray a:hover
{
  
    color:White !important;
}

.gray a
{
  
    color: #525252;
}

.gray:hover
{
    background-color:#43A842;
   color:White !important;
    cursor:pointer;
}

footer p 
{
    text-align:center;
    
}

.lineHor
{
     background-image: url("../../Content/images/lineHorizontal.png");
    background-repeat:no-repeat;
    width:981px;
    height:6px;
    margin:0 auto;
    margin-bottom:20px;
}


.lineBlog
{
     background-image: url("../../Content/images/lineBlog.png");
    background-repeat:no-repeat;
    width:680px;
    height:78px;
    margin:0 auto;
   
}

.baner
{
     -moz-box-shadow: 0 0 5px #3D3F3C;
    -webkit-box-shadow: 0 0 5px #3D3F3C;
    box-shadow: 0 0 5px #3D3F3C;
    border:5px solid white;
    margin-bottom:24px;
}



.leviLogin
{
    float:left;
    width:470px;
    padding-top:20px;
    padding-left:20px;
   
}

.leviLogin h2

{
    text-transform:uppercase;
    font-size:22px;
    color:#31A13C;
    font-weight:bold;
    width:232px;
     margin:0 auto;
     margin-bottom:20px;
    
}

.leviLogin h3
{
    font-size:18px;
    text-transform:none;
     margin-bottom:20px;
}

.crvena
{
    color:#EB262C;
}

.nabrajanje
{
   font-size: 17px;
    margin-left: 20px;
    vertical-align: baseline;
     text-transform:none;
     margin-bottom:20px;
}

.nabrajanjeReg
{
   font-size: 17px;
   
    vertical-align: baseline;
     text-transform:none;
    
     display:block;
     
}

.fam
{
    margin-bottom:35px;
}



.nabrajanjeReg2
{
   font-size: 17px;
   
    vertical-align: baseline;
     text-transform:none;
     margin-bottom:20px;
     margin-right:56px;
}


.nabrajanjeGray
{
   font-size: 17px;
   vertical-align: baseline;
   text-transform:none;
   margin-bottom:20px;
}

.nabrajanjeGreen
{
   font-size: 17px;
   
   
    vertical-align: baseline;
     text-transform:none;
     margin-bottom:20px;
     color:#43A842;
}

.nabrajanjeDetB
{
   font-size: 20px;
    margin-left:14px;
    vertical-align: top;
     text-transform:uppercase;
     margin-bottom:20px;
     font-weight:bold;
     color:#525252;
}

.nabrajanjeDet
{
     font-size: 17px;
    
    vertical-align: baseline;
     text-transform:none;
     margin-bottom:20px;
     
}

.nabrajanjeRed
{
   font-size: 17px;
    margin-left: 20px;
    vertical-align: baseline;
     text-transform:none;
     margin-bottom:20px;
     color:#F04A4F;
     display:block;
}

.lineV
{
    background-image: url("../../Content/images/lineVertical.png");
    background-repeat:no-repeat;
    width:6px;
    height:313px;
    
    right:0;
}

.korpaPrazna
{
    background-image: url("../../Content/images/korpaPrazna.png");
    background-repeat:no-repeat;
    width:470px;
    height:383px;
}

.leviLevo
{
    float:left;
}

.leviDesno
{
    float:right;
}


.leviLevo2
{
    float:left;
    width:440px;
}

.leviDesno2
{
    float:right;
    width:470px;
}



.btnBig
{
   background-image: url("../../Content/images/btnBig.png");
    background-repeat: no-repeat;
    height: 28px;
    padding-top: 6px;
    text-align: center;
    width: 153px;
    margin-bottom:20px;

}

.btnBig222
{
    background-image: url("../../Content/images/btnBig.png");
    background-repeat: no-repeat;
    height: 28px;
    margin-bottom: 60px;
    margin-left: 169px;
    padding-top: 6px;
    text-align: center;
    width: 153px;
    
}

.btnBig2Pac
{
    background-image: url("../../Content/images/btnBig.png");
    background-repeat: no-repeat;
    height: 24px;
    margin-left: 169px;
    padding-top: 8px;
    text-align: center;
    width: 153px
    
}

 
.btnBig:hover
{
    opacity:0.93;
}

.leviLogin a
{
    text-decoration:none;
}

.desniLogin a
{
    text-decoration:none;
}




.btnBigText
{
    color:White;
    font-size:20px;
    font-weight:bold;
}

.small
{
     color:White;
    font-size:14px;
    font-weight:bold;
}







.desniLogin
{
    float:right;
    width:470px;
     padding-top:20px;
     padding-right:20px;
     
}


.desniLogin h2

{
    text-transform:uppercase;
    
    font-size:22px;
    color:#31A13C;
    font-weight:bold;
    width:86px;
     margin:0 auto;
     margin-bottom:20px;
    
}

.txtBox
{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 17px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 4px 8px;
    text-align: left;
    width: 269px;
    
   
}

.txtBoxReg
{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 17px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 4px 8px;
    text-align: left;
    width: 348px;
    float:right;
    margin-right:480px;
    resize:none;
    
   
}


.txtBoxRegBig
{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 180px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 4px 8px;
    text-align: left;
    width: 348px;
    float:none !important;
    margin-right:0px !important;
    border-color: #33A43F;
    border-style: solid;
    border-width: 3px;
    margin-left:0px !important;
    
   
}

.okvirGreske
{
    margin-bottom:20px;
    line-height:1.6;
    width:349px;
}

#ispis2
{
    background-image: url("../../Content/images/poruka.png");
    height: 354px;
    width: 452px;
}



select
{
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 30px;
    margin-bottom: 40px;
    margin-left: 20px;
    padding: 4px 8px;
    text-align: left;
    width: 437px
   
}

.txtBox2
{
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 17px;
    margin-bottom: 15px;
    margin-left: 30px;
    padding: 4px 8px;
    text-align: left;
    width: 269px;
   
}




.txtBox:hover
{
    
    
   
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
   
    
   
}

.txtBox2:hover
{
    
    
   
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
   
    
   
}

.btnBig2
{
   background-image: url("../../Content/images/btnBig.png");
    background-repeat: no-repeat;
    height: 28px;
    padding-top: 6px;
    text-align: center;
    width: 153px;
    margin-bottom:20px;
    float:right;
    margin-right:82px;

}

.btnBig2:hover
{
    opacity:0.93;
}

.leftDetils
{
    float:left;
    width:303px;
}

.rightDetails
{
    float:right;
    width:607px;
    
   
}

.imgDetFrame
{
    width:295px;
    height:278px;
    border:4px solid #E6E6E6;
    margin-bottom:24px;
}

.imgDetFrame:hover
{
     border:4px solid #43A842;
}

.firstSmall
{
    float:left;
    width:131px;
    height:131px;
     border:4px solid #E6E6E6;
    margin-right:24px;
    margin-bottom:24px;
}
.firstSmall:hover
{
    border:4px solid #43A842;
}

.secondSmall
{
    float:left;
    width:131px;
    height:131px;
   border:4px solid #E6E6E6;
}

.secondSmall:hover
{
    border:4px solid #43A842;
}

.thirdSmall
{
    float:left;
    width:131px;
    height:131px;
   border:4px solid #E6E6E6;
    margin-right:24px;
}

.thirdSmall:hover
{
    border:4px solid #43A842;
}


.fourthSmall
{
    float:left;
    width:131px;
    height:131px;
    border:4px solid #E6E6E6;
   
}

.fourthSmall:hover
{
     border:4px solid #43A842;
}


.detailTitle
{
    background-color: #43A842;
    font-size: 18px;
    height: 27px;
    margin: 0 auto;
    padding-top: 7px;
    margin-bottom:20px;
    text-align:center;
    margin-bottom:24px;
}


.detailTitleGray
{
    background-color: #525252;
    font-size: 18px;
    height: 27px;
    margin: 0 auto;
    padding-top: 7px;
    margin-bottom:20px;
    text-align:center;
    
}

.detailTitleGray h3
{
     color:white;
    text-align:center;
    vertical-align:sub;
}







.mainContainerWhite h3
{
    font-size:18px;
    float:left;
    margin-left:20px;
    margin-bottom:20px;
}

.mainContainerWhite p
{
    font-size:16px;
    line-height:1.6;
    -margin-bottom:100px;
    text-transform:none;
}

.detailTitle h3
{
     color:white;
    text-align:center;
    vertical-align:sub;
}

.homeCat
{
    background-color: #3D3F3C;
    font-size: 18px;
    height: 27px;
    margin: 0 auto 24px 20px;
    padding-top: 7px;
    text-align: center;
    width: 40%;
}

.homeCat h3
{
   color:white;
    vertical-align:sub;
}





.textDetail
{
    
    
    padding:10px;
    margin-bottom:24px !important;

}

.textDetailBl
{
    background-color:#525252;
    height:85px;
    padding:10px;
    margin-bottom:20px;
}

.textBlogLong
{
    background-color:#525252;
   
    padding:10px;
    margin-bottom:20px;
}


.textBlogLong p
{
     color:White;
    text-transform:none;
    font-size:14px;
}



.textDetailBl p
{
    color:White;
    text-transform:none;
    font-size:14px;
}

.textDetail2
{
    background-color:#525252;
    height:85px;
    padding:10px;
   margin-bottom:20px;

}

.textDetail p
{
    color:#535353;
    text-transform:none;
    font-size:16px;
}

.cenaDet
{
   background-color: #43A842;
    color: #FFFFFF;
    float: left;
    font-size: 20px;
    height: 27px;
    margin-left: 12px;
    padding-top: 5px;
    text-align: center;
    text-transform: none;
    width: 151px;
    margin-bottom:45px;

 }
 
  -hr
  {
      background-color:#525252;
      height:1px;
  }
 
 .txtKol
 {
       box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 22px;
    margin-bottom: 45px;
    margin-left: 18px;
    padding: 4px 8px;
    text-align: left;
    width: 86px;
 }
 
 
  .txtAdresa
 {
       box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 22px;
    margin-bottom: 45px;
    padding: 4px 8px;
    text-align: left;
    width:348px;
    margin-left:0px;
 }
 

.leftProject {
    background-color: #F1F1F1;
    border: 1px solid #E8E8E8;
    float: left;
    margin-right: 40px;
    padding: 10px;
    width: 261px;
}

.leftProject h4
{
    font-size:14px;
    text-transform:uppercase;
}


.leftProject h4:hover
{
   cursor:pointer;
}


.webslagalica
{
     height: 50px;
    margin: 25px auto 0;
    width: 150px;
}

.develop
{
    float:left;
    margin-right:5px;
}

.webslagalicalogo
{
    float:left;
    background-image: url("../../Content/images/webslagalica.png");
    background-repeat:no-repeat;
    height:27px;
    width:32px;
}




.rightProject p {
  margin-bottom:15px !important;
  line-height:1.6 !important;
}



.rightProject {
    background-color: #F1F1F1;
    border: 1px solid #E8E8E8;
    float: right;
    
    padding: 10px;
    width: 585px;
}

.rightProject img
{
  height: 253px !important;
    width: 584px !important;
}


 .kol
{
    
}
 
 .omot
 {
     float:left;
     padding-top:6px;
     
 }
 
 
 .leftSub
 {
     float:left;
     width:304px;
 }
 
 .rightSub
 {
     float:right;
     width:303px;
 }
 
 .addBasket
 {
     text-align:center;
     color:White;
    background: #f15c61; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMTVjNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWQyNjJkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover,  #f15c61 0%, #ed262d 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f15c61), color-stop(100%,#ed262d)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #f15c61 0%,#ed262d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #f15c61 0%,#ed262d 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #f15c61 0%,#ed262d 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #f15c61 0%,#ed262d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15c61', endColorstr='#ed262d',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    width:243px;
    height:36px;
    float:right;
    text-align:center;
  

 }
 
  .addBasket:hover
  {
      cursor:pointer;
      opacity:9.2;
  }
 
 .spCenaRed
 {
     font-size:22px;
     font-weight:bold;
     text-align:center;
 }
 
 .sn
 {
     padding-top:15px;
     width:330px;
 }
 
 .leftLine
 {
     width:290px;
     height:6px;
    background-image: url("../../Content/images/rightLine.png");
    background-repeat:no-repeat;
    float:left;
    margin-top:7px;
 }
 
 .lineReg
 {
       width:290px;
     height:6px;
    background-image: url("../../Content/images/rightLine.png");
    background-repeat:no-repeat;
  
    margin-bottom:20px;
 }
 
  .rightLine
 {
     width:290px;
     height:6px;
    background-image: url("../../Content/images/rightLine.png");
    background-repeat:no-repeat;
    float:right;
     margin-top:7px;
 }
 
 .newsletter
 {
    background-color: #3D3F3C;
    height: 45px;
    padding-top: 16px;
    width: 853px;
    position:relative;
  -moz-box-shadow: 0 0 5px #3D3F3C;
    -webkit-box-shadow: 0 0 5px #3D3F3C;
    box-shadow: 0 0 5px #3D3F3C;
    margin-top:35px;
    
     
     
 }
 
 .newsletter h3
 {
     color:White;
     font-size:15px;
     background-color: #3D3F3C;
     margin-top:7px;
     float:left;
}


.btnNews
{
   background-color: #31A13C;
    color: #FFFFFF;
    float: left;
    margin-left: 20px;
    padding: 9px 9px 8px;
    text-align: center;
    width: 100px;
}

.cetka
{
    background-image: url("../../Content/images/cetka.png");
    background-repeat: no-repeat;
    bottom: 0;
    height: 161px;
    left: 809px;
    position: absolute;
    
    width: 164px;
}

.mainContainerWhite h2
{
    font-size:25px;
    margin-bottom:10px;
    font-weight:bold;
}

.frameReg
{
    background-color:#B1B1B1;
    margin-bottom:20px;
   
    
}

.praznaKorpa
{
    font-size:45px;
    text-transform:none;
    line-height:1.4;
    color:#33A43F;
}

.frameReg2
{
    background-color:#3D3F3C;
     font-size: 18px;
    height: 27px;
     padding-top: 7px;
     width:453px;
    
}

#ispisPoruka
{
     background-color:#1FBF3D;
     font-size: 18px;
    height: 27px;
     padding-top: 7px;
     -width:453px;
     float:left;
     padding-right:20px;
     margin-top:20px;
}



#ispisPoruka h3
{
    color:white !important;
    vertical-align:sub;
    font-size:16px;
    text-transform:none;
}



.frameReg3
{
    background-color:#1FBF3D;
     font-size: 18px;
    height: 27px;
     padding-top: 7px;
     -width:453px;
     float:left;
     padding-right:20px;
    
}

.frameReg3 h3
{
    color:white;
    vertical-align:sub;
    font-size:16px;
    text-transform:none;
}







.frameReg4
{
    background-color:#525252;
     font-size: 18px;
    height: 27px;
     padding-top: 7px;
    margin-bottom:15px;
     float:right;
     padding-right:20px;
    
}


.frameReg4 h3
{
    color:White;
    text-transform:lowercase;
}

.valueTxt
{
 float:left;
 padding-top:8px;
 margin-left:25px;
 margin-bottom:30px;
}


.strelicaDesno
{
    background-image: url("../../Content/images/strelicDesno.png");
    background-repeat:no-repeat;
    float:left;
    width:16px;
    height:34px;
     
    
}







.frameReg2 h3
{
    color:white;
    vertical-align:sub;
}


table
{
    width:941px;
    margin: 0 auto;
    
    padding: 6px 5px;
    margin-bottom:40px;
   
}

tr
{
    background-color:white;
    color:#31A13C;
    padding:10px;
    
}

tr th#rbr
{
    width:30px;
}

.tableHeader
{
    -background-image: url("../../Content/images/tableHeader.png");
    -background-repeat: no-repeat;
    background-color:#31A13C;
    margin:0 auto;
    height: 47px;
    width: 900px;
     padding:10px;
    
}

th
{
    width:225px;
    font-size:14px;
   
    text-align:center;
    
     padding-top:15px;
     padding-bottom:15px;
     color:White;
}



tbody tr
{
    padding-top:15px;
}

td
{
    width:225px;
    font-size:14px;
    vertical-align:middle;
    
    text-align:center;
  
    padding-top:15px;
    padding-bottom:15px;
   
}

-tbody tr:hover
{
      background-color:#31A13C;
      color:White;
}


.brci
{
   
    background-image: url("../../Content/images/brci.png");
    background-repeat: no-repeat;
    height: 68px;
    width: 279px;
    margin-bottom:20px;
}


.brci2
{
   
    background-image: url("../../Content/images/brci2.png");
    background-repeat: no-repeat;
    height: 68px;
    width: 279px;
    margin-bottom:20px;
}

textarea {
   background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
    border: 2px solid #DDDEDE;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    float: right;
    font-family: Arial;
    font-size: 16px;
    height: 100px;
    margin-bottom: 45px;
    margin-right: 481px;
    padding: 10px 15px;
    resize: none;
    text-align: left;
    width: 330px;
}

textarea:active {
    box-shadow: 0 0 5px #888888;
}

article
{
 padding:20px;
 margin-bottom:24px;
  background-color:#EBEBEB;
}

.photoArtcle
{
    float:left;
    width:238px;
    height:151px;
    -moz-box-shadow: 0 0 5px #3D3F3C;
    -webkit-box-shadow: 0 0 5px #3D3F3C;
    box-shadow: 0 0 5px #3D3F3C;
    border:3px solid white;
}

.txtBtn
{
    float:right;
    width:418px;
    
}

.photoArtcleDetails
{
   
    width:670px;
    height:426px;
    -moz-box-shadow: 0 0 5px #3D3F3C;
    -webkit-box-shadow: 0 0 5px #3D3F3C;
    box-shadow: 0 0 5px #3D3F3C;
    border:5px solid white;
    margin-bottom:24px;
}

.live
{
    text-align:center;
    background-color:#FE4042;
    padding:10px;
    
}

.live a
{
    color:White;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
}

.live a:hover
{
    color:White;
}

.omotPaginga {
    background-color: #43A842;
   
     padding:10px;
    float: left;
    font-size: 17px;
    margin-bottom: 10px;
    margin-left: 5px;
}

-.omotPaginga:hover {
    background-color: #383838;
  
}

.pagingDesign
{
    width:722px;
    float:right;
}

.page-number
{
    
    color: #FFFFFF;
    text-decoration:none;
    
}

.page-number:hover
{
    color: #FFFFFF;
    text-decoration:none;
    
}



.detalji
{
    width:217px;
    height:228px;
    position:absolute;
    color:#43A842 !important;
    text-decoration:none;
    border:4px solid white;
    
}

#regis
{
    margin-right:0px !important;
    width:109px !important;
}


.detalji:hover
{
    border:4px solid #43A842;
}

-.alomoji
{
    display:block !important;
    position: relative;
    top: 2px;
    }


.frame
{
    margin-left:20px;
}


.funckija
{
    width:200px;
    height:200px;
    background-color:#43A842;
    float:left;
    padding:15px;
    margin-right:19px;
    margin-bottom:40px;
}

.funckija h2
{
    text-align:center;
    background-color:White;
    font-weight:bold;
    font-size:25px;
    margin-bottom:25px;
    color:#4C4C4C;
}


.funckija h3
{
    text-align:center;
    color:White;
    font-weight:bold;
    font-size:22px;
    line-height:1.7;
}

.tri-state list-box
{
    width:85px;
}

.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.CSSTableGenerator tr:hover td{
	
}
.CSSTableGenerator tr:nth-child(odd){ background-color:#03a433; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:10px;
	font-family:Arial;
	font-weight:normal;
	color:#000000;
}.CSSTableGenerator tr:last-child td{
	border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
	border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
		background:-o-linear-gradient(bottom, #04a843 5%, #033f3d 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #04a843), color-stop(1, #033f3d) );
	background:-moz-linear-gradient( center top, #04a843 5%, #033f3d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#04a843", endColorstr="#033f3d");	background: -o-linear-gradient(top,#04a843,033f3d);

	background-color:#04a843;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	color:#ffffff;
}
.CSSTableGenerator tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #04a843 5%, #033f3d 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #04a843), color-stop(1, #033f3d) );
	background:-moz-linear-gradient( center top, #04a843 5%, #033f3d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#04a843", endColorstr="#033f3d");	background: -o-linear-gradient(top,#04a843,033f3d);

	background-color:#04a843;
}
.CSSTableGenerator tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

select
{
    width:80px;
    font-size:12px;
}

.command
{
    margin-top:15px;
    display:block;
    margin-bottom:15px;
}
.command a
{
    font-weight:bold;
    background-color:#FE4042;
    color:White;
    padding:15px;
}

.crvena
{
    font-weight:bold;
    color:#FE4042;
}

.crvena:hover
{
   
    color:#202020;
}

.display-field
{
    
    color:Green;
     font-size:18px;
    font-weight:bold;
    margin-bottom:15px;
}

legend
{
    color:#525252;
    font-size:22px;
    font-weight:bold;
    text-align:center;
    margin-bottom:20px;
}

.display-label
{
    font-size:18px;
    font-weight:bold;
    
    margin-bottom:5px;
}

.mainContainerMoj
{
    background-color:White;
    width:941px;
    margin:0 auto;
    padding:20px;
    
    
}

.editor-field input
{
      border-bottom: 3px solid #33A43F;
    border-left: 3px solid #33A43F;
     border-right: 3px solid #33A43F;
    border-top: 3px solid#33A43F;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
   
    font-family: Arial;
    font-size: 16px;
    height: 17px;
    margin-bottom: 25px;
    margin-top:25px;
    padding: 4px 8px;
    text-align: left;
    width: 349px;
    margin-right:20px;
}

#IdKategorija
{
      border-color: #33A43F;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 32px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 4px 8px;
    text-align: left;
    width: 352px;
}

#IdProizvodjac
{
      border-color: #33A43F;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 32px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 4px 8px;
    text-align: left;
    width: 352px;
}

#Preporucujemo
{
      border-color: #33A43F;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 32px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 4px 8px;
    text-align: left;
    width: 352px;
}

#Aktivan
{
      border-color: #33A43F;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 32px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 4px 8px;
    text-align: left;
    width: 352px;
}

#NaPopustu
{
      border-color: #33A43F;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 32px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 4px 8px;
    text-align: left;
    width: 352px;
}

#slika
{
     border-color: #33A43F;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 32px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 4px 8px;
    text-align: left;
    width: 352px;
} 


.ogrtac
{
    width:980px;
}

.ogrtac input
{
      border-color: #33A43F;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 24px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 4px 8px;
    text-align: left;
    width: 349px;
}

#Opis
{
      border-color: #33A43F;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    font-family: Arial;
    font-size: 16px;
    height: 180px;
    margin-bottom: 25px;
    margin-top: 25px;
    padding: 4px 8px;
    text-align: left;
    width: 349px;
    float:left;
}




.dd-handle a
{
    color:#3D3F3C;
    text-decoration:none;
    display:block;
    
    
}

.dd-handle a:hover
{
    color:#43A842;
}

.dostupneOpcije
{
   width:300px;
    
}

.sSlider
{
    width:720px;
    height:297px;
    margin:0 auto;
    margin-bottom:35px;

}




.btnGreen {
    -background: -moz-linear-gradient(center top , #66E864 5%, #44A842 100%) repeat scroll 0 0 #66E864;
    border: 1px solid #44A842;
    border-radius: 0;
    box-shadow: 0 0 0 0 #C1ED9C inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 1px 1px 0 #44A842;
    width: 117px;
    margin-bottom:35px;
    background-color:#44A842;
}
.btnGreen:hover {
    background: -moz-linear-gradient(center top , #44A842 5%, #66E864 100%) repeat scroll 0 0 #44A842;
    cursor:pointer;
}



.btnGreenBig {
  -background: -moz-linear-gradient(center top , #66E864 5%, #44A842 100%) repeat scroll 0 0 #66E864;
 
    border: 1px solid #44A842;
    border-radius: 0;
    box-shadow: 0 0 0 0 #C1ED9C inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial;
    font-size: 21px;
    font-style: normal;
    font-weight: bold;
    height: 51.5px;
    line-height: 38px;
    margin-bottom: 35px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 1px 1px 0 #44A842;
    width: 243px;
     background-color:#44A842 !important;
}
.btnGreenBig:hover {
    background: -moz-linear-gradient(center top , #44A842 5%, #66E864 100%) repeat scroll 0 0 #44A842;
    cursor:pointer;
}






.btnGreen2 {
    background: -moz-linear-gradient(center top , #66E864 5%, #44A842 100%) repeat scroll 0 0 #66E864;
    border: 1px solid #44A842;
    border-radius: 0;
    box-shadow: 0 0 0 0 #C1ED9C inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 1px 1px 0 #44A842;
    width: 207px;
    margin-bottom:35px;
}
.btnGreen2:hover {
    background: -moz-linear-gradient(center top , #44A842 5%, #66E864 100%) repeat scroll 0 0 #44A842;
    cursor:pointer;
}





.nazad
{
    font-size:18px;
    float:right;
    margin-top:35px;
}

.nazad:hover
{
    cursor:pointer;
}

.nazad a
{
    color:#525252;
    text-decoration:none;
}

.mainContainerMoj p
{
    margin-bottom:30px;
}

#RememberMe
{
    margin-bottom:30px;
}

.mainContainerMoj p a
{
    color:#202020;
}

.mainContainerMoj p a:hover
{
    color:#33A43F;
}

.validation-summary-errors span
{
     margin-bottom:30px;
     line-height:1.8;
}

#logindisplay
{
   color: #FFFFFF;
    float: right;
    margin-right: 15px;
    margin-top: 5px;
}

#logindisplay a
{
    color:White !important;
}

#logindisplay strong
{
    color:#43A842;
    font-weight:bold;
}


.frameReg
{
    background-color:#B1B1B1;
    margin-bottom:20px;
   
    
}

.frameReg2
{
    background-color:#3D3F3C;
     font-size: 18px;
    height: 27px;
     padding-top: 7px;
     width:453px;
    
}




.frameReg2 h3
{
    color:white;
    vertical-align:sub;
    margin-left:20px;
}

.validation-summary-errors ul li
{
    margin-bottom:30px;
    float:none;
}

.siva
{
    background-color:#3B3B3B;
}

.porukaNewsLatter
{
    
}

ul li a 
{
    text-decoration:none;
    color:White !important;
}

ul li a:visited
{
    text-decoration:none;
    color:White;
}

ul li a:hover
{
    text-decoration:none;
    -color:#1FBF3D;
    color:#43A842 !important;
}

.total
{
    float:left;
    margin-left:24px;
    background-color:#33A43F;
    color:White;
}


.potvrdaNarudzbe a 
{
    color:#33A43F;
    float:right;
}

td a
{
    color:#33A43F !important; 
    
}

.crni
{
  background-color: #E8483F;
    color: #FFFFFF;
    height: 23px;
    margin-bottom: 25px;
    padding-top: 10px;
    text-align: center;
}

.crni:h2
{
    vertical-align:sub;
}



.product:hover
{
    
     border:4px solid #43A842 !important;
     
    
}

.list
{
        color:#43A842 !important;
}

.zeleniSe
{
    background-color:#33A43F;
}

div a
{
    color:#404040 !important;
}




.btnGreenSmall {
   -background: -moz-linear-gradient(center top , #525252 5%, #6B6B6B 100%) repeat scroll 0 0 #525252;
    border: 1px solid #525252;
    border-radius: 0;
    box-shadow: 0 0 0 0 #C1ED9C inset;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    height: 36px;
    line-height: 38px;
    margin-bottom: 35px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
	background-color:#44A842;
    
    width: 87px;
    position:relative;
    top:21px;
}
.btnGreenSmall:hover {
   -background: -moz-linear-gradient(center top , #6B6B6B 5%, #525252 100%) repeat scroll 0 0 #6B6B6B;
    cursor:pointer;
}


#korpaTbl tr
{
  border:1px solid #3B3B3B;
}

#korpaTbl td
{
  border:1px solid #3B3B3B;
}

.ruka
{
      background-image: url("../../Content/images/total.png");
    background-repeat:no-repeat;
    background-position:left 0;
  
  
    width:144px;
    height:61px;
    border:none;
    float:right;
    margin-bottom:20px;
   
}

.pageTop
{
    background-image: url("../../Content/images/pageTop.png");
    background-repeat:no-repeat;
      width:51px;
    height:51px;
    float:right;
    margin-bottom:30px;
    
}

.pageTop:hover
{
    cursor:pointer;
    opacity:0.90;
}




.frameRegRed
{
    
     font-size: 18px;
    height: 27px;
     padding-top: 7px;
     -width:453px;
     float:right;
    
    
}

.frameRegRed h3
{
    color:white;
    vertical-align:sub;
    font-size:16px;
    text-transform:none;
}


#email
{
    border-color: #33A43F;
    border-style: solid;
    border-width: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) inset, 0 0 16px rgba(0, 0, 0, 0.1);
    float: left;
    font-family: Arial;
    font-size: 16px;
    height: 17px;
    margin-bottom: 25px;
    margin-right: 20px;
    margin-top: 0;
    margin-left:20px;
    padding: 4px 8px;
    text-align: left;
    width: 349px;
    }


.gold
{
    text-decoration:line-through;
}

.productImage img
{
   height: 115px;
    width: 120px;
}


#to_the_top {
    background: url("../../Content/images/top.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: none;
    height: 60px;
    position: fixed;
    right: 50px;
    top: 240px;
    width: 60px;
}


.newsletter 
{
    position:relative;
    margin-bottom:20px;
}




.newsletter span
{
   position: absolute;
    right: 136px;
    top: 24px;
    width: 298px;
}

.divic input
{
    margin-left:0px !important;
}



.tr1
 {
     background-image: url("../../Content/images/current.png");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 9px;
 }
 
  .tr2
 {
     background-image: url("../../Content/images/current.png");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 9px;
 }
 
  .tr3
 {
     background-image: url("../../Content/images/current.png");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 9px;
 }
 
  .tr4
 {
     background-image: url("../../Content/images/current.png");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 9px;
 }
 
  .tr5
 {
     background-image: url("../../Content/images/current.png");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 9px;
 }
 
 
  .tr6
 {
     background-image: url("../../Content/images/current.png");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 9px;
 }
 
   .tr7
 {
     background-image: url("../../Content/images/current.png");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 9px;
 }
 
.country
 {
     margin-bottom:20px;
 }
 
 
 
    .tr8
 {
     background-image: url("../../Content/images/current.png");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 9px;
 }
 
     .tr9
 {
     background-image: url("../../Content/images/current.png");
    background-repeat: no-repeat;
    float: left;
    height: 13px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 9px;
 }
 
 hr
 {
    display:none;
}

.srkiVeliki
{
    font-size:20px !important;
}

.srki
{
      font-size:12px !important;
}

.email a
{
	text-decoration:none !important;
}

.dd-item > button:before
{
	padding-top:3px !important;
}

.dd-handle a
{
	padding-top:5px !important;;
	padding-bottom:5px !important;;
}