@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext);



@-webkit-keyframes fadeInFromNone {
    0% {
        display:none;
        opacity: 0;
	right: -10px
    }

    1% {
        display: block ;
        opacity: 0;
	right: -10px;
    }

    100% {
        display: block ;
        opacity: 1;
	right: 0px;
    }
}

a, a:link {
    outline: none;
}

body {

    background: rgba(255,255,255,0.9);/* url(/images/bg.jpg) no-repeat center top fixed*/
    background-size: cover;
   
}
.clear {
    clear: both;
}
body > .container {
    width: 582px;
    margin: 0 auto;
    margin-left:0px;
    background: rgba(255,255,255,0.9);
}
header {
    position: relative;
    height: 661px;
}
header a.logo {
    background: url(../img/header-logo.png) no-repeat;
    display: block;
    width: 223px;
    height: 95px;
    position: absolute;
    top: 74px;
    left: 0px;
}
header .phone-number {
    font-family: 'Open Sans Condensed', sans-serif;
    color: white;
    font-size: 48px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
    background: url(../img/header-phone.png) no-repeat left center;
    padding-left: 70px;
    position: absolute;
    right: 60px;
    top: 60px;
}
header .mainmenu {
    position: absolute;
    right: 0;
    top: 145px;
}
header .mainmenu ul {
    margin: 0;
}
header .mainmenu ul li {
    display: inline-block;
}
header .mainmenu ul li a {
    font-family: 'OPEN Sans', sans-serif;
    font-weight: 100;
    color: black;
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
}
header .mainmenu ul li a:hover {
    text-decoration: underline;
}
header .mainmenu ul li:after {
    content: '•';
    color: #cd0000;
    padding: 0px 5px;
}
header .mainmenu ul li:last-child:after {
    display: none;
}
header .slideshow {
    width: 1008px;
    height: 310px;
    position: absolute;
    bottom: 161px;
    overflow: hidden;
}
header .slideshow .items {
}
header .slideshow .items .item {
    width: 1008px;
    height: 310px;
}
header .slideshow .items .item .text-container {
    background: black;
    background: rgba(0,0,0,0.58);
    position: absolute;
    right: -10px;
    bottom: 40px;
    padding: 20px;
    display: none;
    opacity: 0;
}
header .slideshow .items .item.cycle-slide-active .text-container {
    animation: fadeInFromNone 1s;
    -webkit-animation: fadeInFromNone 1s;
    display: block;
    opacity: 1;
    right: 0;
}
header .slideshow .items .item .text-container .title {
    font-family: 'OPEN Sans', sans-serif;
    font-size: 26px;
    color: white;
    text-transform: uppercase;
}
header .slideshow .items .item .text-container .text {
    font-family: 'OPEN Sans', sans-serif;  
    font-size: 16px;  color: white;  
}
header .slideshow .pager {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10000;
}
header .slideshow .pager a {
    background-color: black;
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 5px;
}
header .slideshow .pager a.cycle-pager-active {
    background-color: white;
}
header .menu2 {
    position: absolute;
    bottom: 0;
    left: 0;
}
header .menu2:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url(../img/menu2-shadow.png) no-repeat left top;
    height: 10px;
    z-index: 1000;
}
header .menu2 ul {
    margin: 0;
    padding: 0;
}
header .menu2 ul li {
    float: left;
}
header .menu2 ul li a {
    font-family: 'OPEN Sans', sans-serif;
    font-weight: bold;
    color: #514e4e;
    font-size: 13px;
    text-transform: uppercase;
    text-decoration: none;
    width: 144px;
    display: block;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center 24px;
    padding-top: 115px;
    text-align: center;
}
header .menu2 ul li a:hover {
    background-color: #ddd !important;
}
header .menu2 ul li:after {}
header .menu2 ul li:last-child:after {}
header .menu2 ul li a.redony {
    background-image: url(../img/menu2-redony.png);
    background-color: #eeeeee;
}
header .menu2 ul li a.reluxa {
    background-image: url(../img/menu2-reluxa.png);
    background-color: #f5f5f5;
}
header .menu2 ul li a.roletta {
    background-image: url(../img/menu2-roletta.png);
    background-color: #eeeeee;
}
header .menu2 ul li a.szunyoghalo {
    background-image: url(../img/menu2-szunyoghalo.png);
    background-color: #f5f5f5;
}
header .menu2 ul li a.szalagfuggony {
    background-image: url(../img/menu2-szalagfuggony.png);
    background-color: #eeeeee;
}
header .menu2 ul li a.nyilaszaro-szigeteles {
    background-image: url(../img/menu2-nyilaszaro-szigeteles.png);
    background-color: #f5f5f5;
}
header .menu2 ul li a.egyeb {
    background-image: url(../img/menu2-egyeb.png);
    background-color: #eeeeee;
}
section.main {
    background: white;
    min-height: 100px;
    background: rgba(255,255,255,0.9);
}
section.main .content {
    padding: 40px;
    float: left;
    width: 582px;
    padding-top: 10px;
}

section.main .content + aside {
    margin-right: 32px;
    float: left;
    width: 314px;
    padding-top: 40px;
    font-family: arial;
    font-size: 12px;
    line-height: 150%;
}
footer {
    background: url(../img/footer-bg.jpg) no-repeat center top #272626;
}
footer .container {
    width: 1008px;
    margin: 0 auto;
    padding-top: 22px;
    position: relative;
    height: 520px;
}
footer a.logo {
    background: url(../img/footer-logo.png) no-repeat;  display: block;  width: 223px;  height: 95px;  position: absolute;  
    top: 64px;  left: 0px;
}
footer .phone-number {
    font-family: 'Open Sans Condensed', sans-serif;  
    color: #cd0000;  font-size: 48px;  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);  
    background: url(../img/footer-phone.png) no-repeat left center;  padding-left: 70px;  position: absolute;  
    left: 250px;  
    top: 103px;
}
footer .col {
    font-family: 'OPEN Sans', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;  top: 210px;
}
footer .col.col1 {
    left: 0px;
}
footer .col.col2 {
    left: 180px;
}
footer .col.col3 {
    left: 360px;
}
footer .col .title {
    color: #cd0000;
    margin-bottom: 30px;
}
footer .col ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
footer .col ul li {
    line-height: 25px;
    color: white;
}
footer .col ul li a {
    color: white;
    text-decoration: none;
}

.smallBtn{
    padding:10px 40px !important;
    margin:10px;
}

#saveandmore{
    display: none;
}

#next{
    display: none;
}

.title h1{
    color: #b00808;
    font-family: 'OPEN Sans', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 30px;
    text-align: center;
}
footer .col ul li a:hover {}
footer .col ul li label {
    color: #9d9d9d;
    width: 120px;
    display: inline-block;
}
footer a.creatic {
    background: url(../img/creatic.png);
    background-position: left top;
    height: 11px;
    width: 61px;
    display: block;
    text-indent: -10000px;
    bottom: 40px;
    position: absolute;
}
footer a.creatic:hover {
    background-position: left bottom;
}


.text-content {
    font-family: arial;
    font-size: 12px;
    line-height: 150%;
}
.text-content h1 {
    color: #b00808;
    font-family: 'OPEN Sans', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 30px;
}
.text-content h1:first-child {}
.text-content h2 {
    color: #b00808;  font-family: 'OPEN Sans', sans-serif;  font-weight: 100;  text-transform: uppercase;  
    font-size: 20px;
    margin-top: 40px;
    position: relative;
    padding-left: 20px;
}
.text-content h2:before {
    background: #b00808;
    display: block;
    content: ' ';
    width: 10px;
    height: 10px;
    position: absolute;
    left: 3px;
    top: 4px;
}
.text-content p {}
.text-content ul {}
.text-content ul li {}
.text-content ul li a {}
.text-content a {}
.text-content a:hover {}

aside .imagelist {}
aside .imagelist img {
    border: solid 5px #e8e8e8;
    margin-bottom: 30px;
}
aside .imagelist img:last-child {}

#form2 {}
#form2 >div {
    position: relative;
    padding: 12px 0px;
}
#form2 >div label {
    font-family: 'OPEN Sans', sans-serif;
    font-size: 13px;
    color: #514e4e;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 15px;
}
#form2 >div input {
    border: solid 1px #dbdbdb;
    padding: 8px;
    box-sizing: border-box;
}
#form2 >div textarea {
    width: 100%;
    height: 200px;
    border: solid 1px #dbdbdb;
    padding: 8px;
    box-sizing: border-box;
    margin-top: 5px;
}
#form2 .error-text {
    color: red;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'OPEN Sans', sans-serif;
    text-align: right;
    padding: 0px 0;
    position: absolute;
    top: 20px;
    right: 7px;
}
#form2 input.error, #form2 textarea.error {
    background: #ffdddd;
    border: solid 1px #ff7777;
    padding-right: 209px;
}
#form2 .captcha input.error {
}
#form2 .captcha {}
#form2 .captcha label {
    display: block;
}
#form2 .captcha input {
    padding-right: 0;
}

.gradient{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#EAEAEA+0,9bc66a+100 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#EAEAEA+0,9bc66a+48,EAEAEA+100 */
background: #EAEAEA; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzliYzY2YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2ZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #EAEAEA 0%, #BFDBA0 50%, #EAEAEA 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#EAEAEA), color-stop(50%,#BFDBA0), color-stop(100%,#EAEAEA)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(left,  #EAEAEA 0%,#BFDBA0 50%,#EAEAEA 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(left,  #EAEAEA 0%,#BFDBA0 50%,#EAEAEA 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(left,  #EAEAEA 0%,#BFDBA0 50%,#EAEAEA 100%); /* IE10 preview */
background: linear-gradient(to right,  #EAEAEA 0%,#BFDBA0 50%,#EAEAEA 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EAEAEA', endColorstr='#EAEAEA',GradientType=1 ); /* IE6-8 */
border-radius: 50px;
height: 2px;
}
.progressnumber{
    font-weight: bold;
    text-shadow: 0px 0px 3px black;
}
#inputFields .content{
background-image: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    box-shadow: 0px 0px 3px 2px #9BC66A;
}

#inputFields .label, #inputFields .label2{
        font-family: 'OPEN Sans', sans-serif;
    font-size: 13px;
    color: #514e4e;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 28px;
    margin:20px 0px;
    text-align: left;
    line-height: 20px;
}

#inputFields select{
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.progress{
    display: none;
}

#inputFields input[type="text"], #inputFields input[type="number"]{
    width: 100%;
    padding: 5px;
    margin: 20px 0px;
    font-family: 'OPEN Sans', sans-serif;
    font-size: 13px;
    color: #514e4e;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 15px;
}

#inputFields select{
    width: 100%;
    padding: 5px;
    margin: 20px 0px;
    font-family: 'OPEN Sans', sans-serif;
    font-size: 13px;
    color: #514e4e;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 15px;
}

#inputFields{
    text-align: center;
    padding-bottom: 40px;
}

.glyphicon-trash{
    position: absolute;
    color: #292929;
    font-size: 20px;
    text-shadow: 0px 0px 1px #8ABD51;
    cursor: pointer;
}

.cartHeader{
    padding:0px;
    background: rgb(138, 189, 81);
    -webkit-box-shadow: inset 0 1px 1px rgba(128, 194, 23, 0.3);
    box-shadow: inset 0 1px 1px rgba(128, 194, 23, 0.3);
    border: 1px solid #9BC66A;
    color: #FFF;
    text-shadow: 0px 1px 1px #272626;
    font-weight: bold;
}

.cartBody{
    border-left: 1px solid #8ABD51;
    border-right: 1px solid #8ABD51;
    text-shadow: 0px 1px 0px #9BC66A;
    color: #272626;
    padding:0px;
}



#form2 .captcha img {}
#form2 input[type=submit], #inputFields input[type="submit"],.redBtn {
    background: #fe0202; /* Old browsers */  /* IE9 SVG, needs conditional override of 'filter' to 'none' */  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlMDIwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);  background: -moz-linear-gradient(top,  #fe0202 0%, #cf0000 100%); /* FF3.6+ */  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe0202), color-stop(100%,#cf0000)); /* Chrome,Safari4+ */  background: -webkit-linear-gradient(top,  #fe0202 0%,#cf0000 100%); /* Chrome10+,Safari5.1+ */  background: -o-linear-gradient(top,  #fe0202 0%,#cf0000 100%); /* Opera 11.10+ */  background: -ms-linear-gradient(top,  #fe0202 0%,#cf0000 100%); /* IE10+ */  background: linear-gradient(to bottom,  #fe0202 0%,#cf0000 100%); /* W3C */  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0202', endColorstr='#cf0000',GradientType=0 ); /* IE6-8 */;
    border: none;
    padding: 30px 40px;
    font-family: 'OPEN Sans',sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    border-radius: 10px;
}

.lh35{
    line-height: 35px;
}

.redBtn:hover{
    color:#fff;
}

.redBtn:focus{
    color:#fff;
}

.cartBody:last-child{
    border-bottom:1px solid #8ABD51;
}

.facebook {}
header .facebook {
    position: absolute;
    background: url(../img/header-facebook.png);
    width: 40px;
    height: 40px;
    display: block;
    right: 0;
    top: 77px;
}
footer .facebook {
    position: absolute;
    background: url(../img/footer-facebook.png);
    width: 38px;
    height: 38px;
    display: block;
    right: 0;
    top: 117px;
}



#new, #repair{
        margin: 50px 20px;
}