/* Include font */
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700&subset=latin,latin-ext);

/* Include font - V primeru cirilice */
/*@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,700&subset=latin,cyrillic-ext);*/


/* Common */
IMG{border: 0px;}
TEXTAREA{resize: vertical;}
.link{ cursor: pointer;}
.clear{clear: both;}

/* Global */
BODY{  
  margin: 0px; padding: 0px;
  font-family: 'Roboto Slab', Arial,Helvetica,Garuda,sans-serif;font-size: 13px;font-weight: normal;color: #000;    
  background-color: #f0f0f0;
}

/* UREJANJE - Page colors (bg color, button colors, ...) */

.pagebgcolor{background-color: #ff9c4f !important;}
.pagecolor{color: #ff9c4f !important;}
.bordercolor-1px{border: 1px solid #ff9c4f !important;}
.bordercolor-2px{border: 2px solid #ff9c4f !important;}

/* UREJANJE  [END] */


/* Header */
#header{
  margin-top: 16px;  height: 57px;
  text-align: center;  
}
#header .header-content{
  width: 950px; margin: 0px auto;
  text-align: left;
}

#header .logo{float: right;}

#header .email{float: left; padding-left: 40px;margin-right: 24px; cursor: pointer; 
  font-size: 20px; font-weight: normal; color: #000; line-height: 57px;
  background-image: url("img/mail.png"); background-repeat: no-repeat; background-position: 0px center;
}
#header .email:hover{text-decoration: underline;}

#header .tel{float: left;   padding-left: 28px;  cursor: pointer; 
  font-size: 20px; font-weight: normal; color: #000; line-height: 57px;
  background-image: url("img/tel.png"); background-repeat: no-repeat; background-position: 0px center;}

#header .tel:hover{text-decoration: underline;}


/* Footer */

#footer{
  text-align: center; color: #FFF;
  background-color: #385891;  
}
#footer .footer-content{
  width: 950px; margin: 0px auto;    padding: 18px 0px 17px 0px;
  text-align: left; color: #FFF;
}
#footer .pagebgcolor{  
  width: 1024px; height: 5px; margin: 0px auto;  
}
#footer .logo-micom{float: right; padding-top: 9px;}

#footer .addresscopyright{float: left; width: 434px; 
  line-height: 19px; font-size: 12px; font-weight: 300;}
#footer .addresscopyright .address  { }
#footer .addresscopyright .copyright{font-size: 11px;}


#footer .email{float: left; padding-left: 30px;margin-right: 25px; cursor: pointer; 
  font-size: 14px; font-weight: normal; color: #FFF; line-height: 38px;
  background-image: url("img/footer-mail.png"); background-repeat: no-repeat; background-position: 0px center;
}
#footer .email:hover{text-decoration: underline;}

#footer .tel{float: left;   padding-left: 20px;  cursor: pointer; 
  font-size: 14px; font-weight: normal; color: #FFF; line-height: 38px;
  background-image: url("img/footer-tel.png"); background-repeat: no-repeat; background-position: 0px center;}

#footer .tel:hover{text-decoration: underline;}



/* content */
.content-main{width: 950px; margin: 0px auto; padding-bottom: 42px;}



/* Content index, sub - free offer */
.freeoffer{
  padding: 18px 18px 18px 38px;
  background-color: #FFF;  
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.4);box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
.freeoffer .txt{ 
  line-height: 59px;
  font-weight: 300; color: #000; font-size: 30px;
}
.freeoffer .btnmore{  
  padding-left: 52px; padding-right: 27px; cursor: pointer; 
  line-height: 59px; font-weight: 700; color: #000;font-size: 24px;
  float: right;
}
.freeoffer .btnmore IMG{width:auto; height:auto;vertical-align: middle; margin-left: 29px;}

/* Content index, sub - breadchrunb */

.breadchrumb{
  padding: 8px 24px 0px 24px;
  font-size: 13px; line-height: 37px; color: #282828; font-weight: 300;
  border-bottom: 1px solid #f0f0f0;
}
.breadchrumb a{font-size: 13px; line-height: 37px; color: #282828; font-weight: 300;  text-decoration: none;}
.breadchrumb a:hover{text-decoration: underline;}
.breadchrumb .spacer{}
.breadchrumb .current{color: #385891;}


.validation {
    padding: 13px;
    color: #D63301;font-weight: 400; font-size: 15px;
    background-color: #FFCCBA;
}
.validation b{color: #D63301;}


/* Content index*/
#content-index{background-image: url("img/index-bg.jpg"); background-repeat: no-repeat; background-position: top center;}



/* Content index - banner */

#content-index .banner{
  height: 396px; cursor: pointer;  
  text-align: right;
}
#content-index .banner .txt{ padding-top: 48px; padding-bottom: 34px;
  font-size: 48px; line-height: 48px; font-weight: 300; color: #FFF;
}
#content-index .banner .txt b{font-weight: 700;}

#content-index .banner .txt2{ padding-top: 34px; padding-bottom: 40px;
  font-size: 24px; line-height: 24px; font-weight: 300; color: #FFF;
}

#content-index .banner .btnmore{ display: inline-block; padding: 0px 48px 0px 56px;
  line-height: 39px; color: #FFF; font-size: 19px; font-weight: 400;
  /* Old IE hack*/
  *zoom: 1; *display: inline; }

#content-index .banner .btnmore IMG{width:auto; height:auto;vertical-align: middle; margin-left: 13px;}






/* Content index - products */

#content-index  .products{
  padding-top: 33px; padding-bottom: 43px;
}

#content-index-product-1.product-itm{margin-left: 0px;}
#content-index-product-2.product-itm{margin-left: 20px;}
#content-index-product-3.product-itm{margin-left: 20px;}

#content-index  .product-itm{
  width: 303px; height: 312px; float: left; cursor: pointer;
  background-color: #FFF;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.4);box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
#content-index  .product-itm .img{
  height: 182px; position: relative;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.4);box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
#content-index  .product-itm .img IMG{width: 303px; height: 182px;}
#content-index  .product-itm .line{display: none;
  width: 303px; height: 6px; position: absolute;  top: 178px; left: 0px; z-index: 2;
}

#content-index  .product-itm .txt{
  height: 65px; padding: 14px 24px 0px 24px;
  color: #282828; font-weight: 400; font-size: 19px; line-height: 23px; 
}
#content-index  .product-itm .txt sup{font-size: 30%;}

#content-index  .product-itm .txt a{color: #282828; font-weight: 400; font-size: 19px; line-height: 23px; text-decoration: none;}
#content-index  .product-itm .txt a SUP{font-size: 30%; }

#content-index  .product-itm .btnmore-container{text-align: center;}
#content-index  .product-itm .btnmore{ display: inline-block; padding: 0px 19px 0px 19px;
  line-height: 31px; color: #282828; font-size: 12px; font-weight: 700;
  border: 2px solid #282828;
  /* Old IE hack*/
  *zoom: 1; *display: inline;
  
  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;  }

#content-index  .product-itm  .btnmore IMG{width:auto; height:auto;vertical-align: middle; margin-left: 13px;}


/* Content index - seotxt */
#content-index  .seotxt{ padding: 43px 4px 47px 4px;
  border-top: 3px solid #FFF;
}
#content-index  .seotxt h1{
  margin: 0px; padding: 0px; 
  color: #282828; font-weight: 400; font-size: 30px; line-height: 36px; 
}
#content-index  .seotxt .txt{ 
  padding-top: 35px;
  font-weight: 300; font-size: 13px; color: #282828; line-height: 18px;
}




/* Content page */
#content-page{background-image: url("img/page-bg.jpg"); background-repeat: no-repeat; background-position: top center;}

/* Content page - ttl */
#content-page .pagettl{padding: 0px 25px 0px 25px;}
#content-page .pagettl h1{
  margin: 0px; padding: 0px; 
  color: #282828; font-weight: 400; font-size: 30px; line-height: 87px; 
}
#content-page .pagettl h1 SUP{font-size: 30%;}


/* Content page - content (TXT, IMAGE)*/

#content-page .content{padding: 52px 0px 35px 47px; 
  color: #282828; font-weight: 300; line-height: 24px;
}

#content-page .content IMG{float: left; margin-right: 53px; margin-bottom: 20px;   
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4);-moz-box-shadow:    0px 1px 3px 0px rgba(0, 0, 0, 0.4);box-shadow:         0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}

#content-page .content .ttl{padding-top: 27px;}
#content-page .content h2{
  margin: 0px; padding: 0px;  
  font-size: 16px; color: #282828; line-height: 24px; font-weight: 400;
}


/* Content page - product specs*/

#content-page .prodspecs{  
  padding: 30px 0px 0px 23px; 
}
#content-page .prodspecs h2{
  margin: 0px; padding: 0px;  
  font-size: 24px; color: #282828; font-weight: 400;    
}

#content-page .prodspecs .ttl{}
#content-page .prodspecs .ttl h2{line-height: 97px;}

#content-page .prodspecs .img{width: 370px; float: left; text-align: center;}

#content-page .prodspecs .table{width: 553px; float: left;
   border-top: 1px solid #FFF;
}
#content-page .prodspecs .table .row{ border-bottom: 1px solid #FFF; overflow: hidden; /* clear fix*/
  font-size: 13px; font-weight: 400; color: #282828; line-height: 15px;}

#content-page .prodspecs .table .row .th{ width: 254px; float: left; padding: 11px 54px 9px 3px;}
#content-page .prodspecs .table .row .td{ width: 238px; float: left; padding: 14px  0px 7px 0px;  font-weight: 300;}



/* Content page - Inquiry */

  #content-page .inquiry{
    padding: 40px 0px 0px 0px;  
  }
  
  #content-page .inquiry h2{
    margin: 0px; padding: 0px;  
    font-size: 20px; color: #282828; font-weight: 400;    line-height: 56px;
  }
  
  #content-page .inquiry .companytxt{ 
    width: 311px; float: left; padding: 16px 24px 0px 24px;
    line-height: 22px;font-weight: 300;    
  }
  
  #content-page .inquiry .companytxt a{ color: #282828; text-decoration: none; font-weight: 400;}
  #content-page .inquiry .companytxt a:hover{text-decoration: underline;}
  #content-page .inquiry .companytxt b{ color: #282828; text-decoration: none; font-weight: 400;}
  
  /*Frm */
  #content-page .inquiry .frm{
    width: 470px; float: left; padding: 0px 0px 22px 90px;
    border-left: 3px solid #FFF;  
  }
  #content-page .inquiry .frm-thanks{
    width: 470px; float: left; padding: 80px 0px 120px 90px;
  
    font-size: 24px; color: #282828; line-height: 30px; font-weight: 400;  
    border-left: 3px solid #FFF;  
    
  
  }  
  /* Field row */
  #content-page .inquiry .ftm-itm{padding-top: 22px;}
  #content-page .inquiry .fldname{
    padding: 0px 0px 8px 0px;
    color: #282828; font-weight: 400; font-size: 15px;
  }
  #content-page .inquiry .fld INPUT{
    padding: 13px 22px 15px 22px; width: 425px; 
    font: inherit;
    font-size: 15px; color: #929292; font-weight: 400; text-decoration: none;    
    background-color: #FFF; border: 1px solid #FFF;
  
    -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;  
  }
  #content-page .inquiry .fld TEXTAREA{
    padding: 13px 22px 15px 22px; width: 425px; 
    font: inherit;
    font-size: 15px; color: #929292; font-weight: 400; text-decoration: none;    
    background-color: #FFF; border: 1px solid #FFF;
  
    -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;  
  }
  
  
  /* Submit btn row */ 
  #content-page .inquiry .ftm-itm-submit{text-align: right;}
  
  #content-page .inquiry .ftm-itm-submit .btn{  
    padding-left: 48px; padding-right: 41px; cursor: pointer; 
    line-height: 48px; font-weight: 700; color: #000;font-size: 19px;
    float: right;
  }
  #content-page .inquiry .ftm-itm-submit .btn IMG{width:auto; height:auto;vertical-align: middle; margin-left: 13px;}