@import url(http://fonts.googleapis.com/css?family=Lobster|Bad+Script|Open+Sans|Marck+Script&subset=latin,cyrillic);

html,body {
	margin:0;
	padding:0;
        cursor:pointer;
        font: 13px/1.2em 'Open Sans', sans-serif;
}

#top {
        width: 100%;
        min-width: 900px;   
        height: 4px;
        background-color: #555;
}

#top-main {
        background-color: #;
        width: 900px;
        height: 100px;
        margin: 50 auto;
}

#top-main #logo {
        margin: 0.8% auto;
        width: 200px;
        position: absolute;
}

#top-main #contact {
        margin: 3% 250px auto;
        width: 350px;
        position: absolute;
        font: 13px/1.2em 'Open Sans', sans-serif;
}

#top-main #img-quality {
        margin: 70 650 auto;
        width: 300px;
        position: absolute;
        font: 13px/1.2em 'Open Sans', sans-serif;
        -webkit-transform:rotate(90deg);
        -moz-transform:rotate(90deg);
        -o-transform:rotate(90deg);
}

#top-menu {
        margin: -50 auto;  
        font: 13px/1.2em 'Open Sans', sans-serif;
        width: 900px;
        height: 80px;
        box-shadow:
         0 1px 4px rgba(0, 0, 0, .3),
         -23px 0 20px -23px rgba(0, 0, 0, .8),
         23px 0 20px -23px rgba(0, 0, 0, .8),
         0 0 40px rgba(0, 0, 0, .1) inset; 
         z-index: 1;
         position: relative;
}

#menu li {
        background-color: #eaeaea;
        width: 150px;
        height: 80px;
        display: inline-block;
        text-align: center;
        vertical-align:middle;
        display:table-cell;
        background: url(/../img/menu-li.png) no-repeat center center;
}

#menu li:hover {
        background: url(/../img/menu-li-hover.png) no-repeat center center;
}

#menu a {
        text-decoration: none;
        color: #000;
}

#img-brand {
        background-color: #eaeaea;
        width: 100%;
        min-width: 900px;   
        height: 500px;
        margin: 10 auto;
        background: url(/../img/brand-0.jpg) no-repeat center center;
        z-index: 0;        -webkit-box-shadow: 0 10px 6px -6px #777; 
        -moz-box-shadow: 0 10px 6px -6px #777; 
        box-shadow: 0 10px 6px -6px #777;  
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

#rand_box{
        position:relative;
        height:500;
        width:100%;
        min-width: 900px;   
        overflow:hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -moz-box-shadow: 0 10px 6px -6px #777; 
        box-shadow: 0 10px 6px -6px #777;  
        margin: 0 auto;
}

#rand_bg_1, #rand_bg{
        position: absolute;
        left:0;top:10px;
        height:500;
        width:100%;
        min-width: 900px;   
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -moz-box-shadow: 0 10px 6px -6px #777; 
        box-shadow: 0 10px 6px -6px #777;  
        margin: 0 auto;
}

#block {
        width: 560px;
        height: 300px;
        margin: 50 auto;
}

#block-prod p {
        font-weight: bold;
        font: 14px/1.3em 'Open Sans', sans-serif;
        padding: 4px;
}

#block a {
        text-decoration: none;
        color: #000;
}

#block-prod img {
        height: 100px;
}

#button-prod {
        margin-top: 45px;
        font-weight: bold;
        font: 14px/1.3em 'Open Sans', sans-serif;
        padding: 8px;
        background-color: #9cd23c;
        height: 20px;
        color: #000;
}

#button-prod:hover {
        background-color: #fff;
        height: 20px;
        color: #000;
}

#block-prod {
        margin: 0 15 auto;
        width: 250px;
        height: 300px;
        text-align: center;
        float: left;
        background: url(/../img/block-prod.png) repeat;
        border-radius: 16px;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        box-shadow: 2 1px 1px 2px #777;  
}

#block-prod:hover {
        background: url(/../img/block-prod-h.png) repeat;
}

#garante {      
        margin: 50 auto;
        width: 800px;
        text-align: center;
        font: 14px/1.3em 'Open Sans', sans-serif;
}

#garante p {
        font: 24px/1.3em 'Open Sans', sans-serif;
}

#garante #line {      
        width: 800px;
        height: 1px;
        text-align: center;
        background-color: #000;
        margin: 20 auto;
        opacity: 0.3;
}

#history {      
        margin: 50 auto;
        width: 900px;
        font: 14px/1.3em 'Open Sans', sans-serif;
}

#logistic {      
        margin: 50 auto;
        width: 900px;
        font: 14px/1.3em 'Open Sans', sans-serif;
}

#logistic h2 {
        opacity: 0.2;
        font: 28px/1.3em 'Open Sans', sans-serif;
}

#history p {
        opacity: 0.2;
        font: 28px/1.3em 'Open Sans', sans-serif;
}

#callback {
        margin: 0 auto;
        width: 900px;
        height: 400px;
        font: 14px/1.3em 'Open Sans', sans-serif;
}

#callback p {
        padding: 0px;
        text-align: center;
        margin-top: 0px;
}

#callback #call {
        margin: 0 0 auto;
        width: 300px;
        height: 200px;
        background-color: #f5f5f5;
        position: relative;
        float: left;
        border-radius: 16px;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
        padding: 10px;
        text-align: center;
}

#callback #call input {
        margin-top: 10px;
        width: 90%;
        padding: 6px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

#callback #feedback input, textarea {
        margin-top: 10px;
        width: 90%;
        padding: 6px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}

#callback #feedback textarea {
        height: 150px;
}
#callback #feedback {
        margin: 0 0 100 auto;
        width: 500px;
        height: 500px;
        position: relative;
        float: right;
        background-color: #fafafa;
        padding: 10px;
        border-radius: 16px;
        -moz-border-radius: 16px;
        -webkit-border-radius: 16px;
}