/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14/Jan/2015, 14:25:15
    Author     : Pedro Rodrigues
*/

html, body {
    position:relative;
    width:100%;
    height:100%;
    margin:0px;
    border:0px;
    padding:0px;
/*    font-family: "PT Sans", Helvetica Neue, Arial, sans-serif;*/
    font-family: Roboto,arial,sans-serif;
    font-size:13px;
    line-height: 15px;
    color: #585858 !important;
    font-weight: 400;
    text-rendering: optimizelegibility;
}

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

img {
    border: none !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #585858;
    font-weight: 700;
    margin: 10px 0;
    line-height: 30px;
    text-rendering: optimizelegibility;
}
/*h1, h2, h3{
    line-height: 30px;
}*/
h3{
/*    margin: 10px 0;*/
    font-size: 18px;
}
h4{
/*    margin: 10px 0;*/
/*    line-height: 30px;*/
    font-size: 16px;   
}
/*p, span{
    margin: 0 0 10px;
    font-weight: 300;
    line-height: 1.5em;
    text-rendering: optimizelegibility;
    color: #585858;
}*/

a{
    text-decoration: none;
    color: #669933 !important;
    text-rendering: optimizelegibility;
}
//#660000 0%, #891a1a 40%, #aa0000
a:link, a:visited {
    color: #333;
}
a:hover, a:active{
    color: #333;
}
.ui-btnStandard {
    background-color: #669933;
}
.ui-btnStandard:hover {
    background-color: #669933;
    background: -moz-linear-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(139,209,69,0.8)), color-stop(100%, rgba(115,173,57,0.8))); /* safari4+,chrome */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* ie10+ */
    background: radial-gradient(ellipse at center, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669933', endColorstr='#77B33B',GradientType=1 ); /* ie6-9 */
    border: none;
    cursor: pointer;
}
textarea,
select,
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"]{
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: 0;
    z-index: 10000;
}
input:focus, 
textarea:focus, 
select:focus{
    border-color: rgba(102, 153, 51, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
   rgba(102, 153, 51, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
   rgba(102, 153, 51, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
   rgba(102, 153, 51, 0.6);
}
input[type="checkbox"]{
    cursor: pointer;
      /* Double-sized Checkboxes */
  -ms-transform: scale(1.1); /* IE */
  -moz-transform: scale(1.1); /* FF */
  -webkit-transform: scale(1.1); /* Safari and Chrome */
  -o-transform: scale(1.1); /* Opera */
  border: none;
}
.dpBlock{
    display: block !important;
}
.dpNone{
    display: none !important;
}
.posAbsolute{
    position: absolute !important;
}
.posFixed{
    position: fixed !important;
}
.dotdot{
    display: inline-block;
    width: 185px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.rotate180deg{
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    animation-name: spin;
}
.container{
    width: 1160px;
    min-height: 150px;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px;
/*    display: table;*/
/*    border-top: 1px solid #c2c2c2;*/
    text-justify:  auto;
}
.articlesInlineBox{
    width: 87.3%; 
    min-height: 200px; 
    margin: 0 auto; 
    padding-top: 10px; 
    padding-bottom: 15px; 
    display: table;
}
.articleBox{
    width: 160px; 
    height: 275px; 
    margin-right: 8px;
    float: left; 
    border-radius: 3px; 
    -moz-border-radius: 3px; 
    -webkit-border-raidus: 3px; 
    border: 1px solid #e6e6e6;
    overflow: hidden;
}
.articleBox:hover{
    border: 1px solid #669933/*#ccc*/;
}
.articleBox:nth-child(6){
    margin-right: 0px;
}
.articleInnerBox{
    width: 100%; 
    height: 96%;  
    padding: 4px; 
    overflow: hidden;
}
.articleBox .articleInnerBox img{
    width: 150px;
    height: 150px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 1px;
}
.articleMdActBox{
    width:150px; 
    height: 110px;
    font-size: 11px;
    float: left;
    text-align: center;
    border-top: 1px dotted #e6e6e6;
}
.oldPriceL{
    
}

.i-loader{
    background-image: url("../images/icons/ajax-loader.gif"); 
    background-repeat: no-repeat;
    background-size: 10% 10%;
    background-position: 50% 50%;
    
}
.standartBtn{
    padding: 5px 10px;
    font-size: 13px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    border: 0;
/*    background: url("../images/icons/sprite-icons.png") -10px -348px repeat-x;*/
    background-color: #669933 !important;
    -moz-border-raidus: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.standartBtn:hover{
    background: -moz-linear-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(139,209,69,0.8)), color-stop(100%, rgba(115,173,57,0.8))); /* safari4+,chrome */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* ie10+ */
    background: radial-gradient(ellipse at center, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669933', endColorstr='#8BD145',GradientType=1 ); /* ie6-9 */    
}


.standardCotationBtn{
    padding: 5px 10px;
    font-size: 13px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #fff;
    border: 0;
    background-color: #669933 !important;
    -moz-border-raidus: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.standardCotationBtn:hover{
background: -moz-linear-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* ff3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(139,209,69,0.8)), color-stop(100%, rgba(115,173,57,0.8))); /* safari4+,chrome */
background: -webkit-radial-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* safari5.1+,chrome10+ */
background: -o-radial-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* opera 11.10+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* ie10+ */
background: radial-gradient(ellipse at center, rgba(139,209,69,0.8) 0%, rgba(115,173,57,0.8) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#669933', endColorstr='#8BD145',GradientType=1 ); /* ie6-9 */    
}
.greyWrapBox{
    width:100%; 
    min-height: 100px; 
    float: left; 
    margin-top:-60px;
    padding-bottom: 15px;
    background-color: #F8F8F8; 
    border: 1px solid #efefef;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.borderRadius3p{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius:3px;
}

@media only screen and (max-width: 1199px){
    .container{
        width: 949px;
    }
    .articlesInlineBox{
        width: 100%;
    }
    .articleBox{
        width: 150px;
/*        height: 240px;*/
        margin-right: 7.3px;
    }
    .articleBox .articleInnerBox img, .articleMdActBox{
        width: 140px;
    }
}
@media only screen and (max-width: 979px){
    .container{
        width: 96% !important;
    }
    .articlesInlineBox{
        width: 627px;
    }
    .articleBox{
        width: 200px; 
        height: 315px; 
        margin-right: 8px;
    }
    .articleBox:nth-child(3), .articleBox:nth-child(6){
        margin-right: 0px;
    }
    .articleBox:nth-child(n+4){
        margin-top: 10px;
    }
    .articleInnerBox{
        padding: 4px;
    }
    .articleBox .articleInnerBox img, .articleMdActBox{
        width: 190px;
    }
    .articleBox .articleInnerBox img{
        height: 190px;
    }
}
@media only screen and (max-width: 667px){
    .articleBox{
        width: 150px;
        height: 275px;
        margin-right: 7.3px;
    }
    .articlesInlineBox{
        width: 472px;
    }
    .articleInnerBox{
        padding: 4px;
    }
    .articleBox .articleInnerBox img, .articleMdActBox{
        width: 140px;
    }
    .articleBox .articleInnerBox img{
        height: 150px;
    }

}
@media only screen and (max-width: 510px){
    .articleBox{
        width: 200px; 
        height: 315px; 
        margin-right: 8px;
    }
    
    .articlesInlineBox{
        width: 413px;
    }
    .articleBox:nth-child(3){
        margin-right: 8px;
    }
    .articleBox:nth-child(2), .articleBox:nth-child(4), .articleBox:nth-child(6){
        margin-right: 0px;
    }
    .articleBox:nth-child(n+3){
        margin-top: 10px;
    }
    .articleInnerBox{
        padding: 5px;
    }
    .articleBox .articleInnerBox img, .articleMdActBox{
        width: 190px;
    }
    .articleBox .articleInnerBox img{
        height: 190px;
    }
}

@media only screen and (max-width: 479px){

}

@media only screen and (max-width: 450px){

    .articleBox{
        width: 200px; 
        height: 315px; 
        margin-right: 8px;
    }
    .articlesInlineBox{
        width: 202px;
    }
    .articleBox{
        margin-right: 0px;
    }
    .articleBox:nth-child(3){
        margin-right: 0px;
    }
    .articleBox:nth-child(n+1){
        margin-top: 10px;
    }
    .articleInnerBox{
        padding: 4px;
    }
    .articleBox .articleInnerBox img, .articleMdActBox{
        width: 190px;
    }
    .articleBox .articleInnerBox img{
        height: 190px;
    }    
    
    
}
@media only screen and (max-width: 350px){

    
    
}