html, body{font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 18px;}
body{background: url('../design/bgr.jpg') no-repeat center top fixed #F2F2F2;}
img{max-width: 100%; height: auto;}

.pagewidth{max-width: 1220px; margin: auto;}
.width-100{width: 100%;}
.width-50{width: 50%;}
.aquagreen{background: #00ABBA;}
.aquagreendark{background: #1B757F;}
.szurke{background: #303030;}
.float-left{float: left;}
.float-right{float: right;}
.clear{clear: both;}
.padding-right-5{padding-right: 5px;}
.padding-left-5{padding-left: 5px;}
.padding-right-10{padding-right: 10px;}
.padding-left-10{padding-left: 10px;}
.error{display: block; color: #d90000; font-size: 12px; line-height: 16px;}
.bordered{color: #00ABBA; border: 2px solid #00ABBA; padding: 12px 15px; font-size: 18px; font-weight: bold; border-radius: 10px;}

#map_canvas{width: 100%; min-height: 500px;}

#header-top{background: url(../design/header-bgr-part1.png) right bottom no-repeat #00ABBA; padding: 10px 25px;}
#header-top a{float: left;}
#header-top2{background: url(../design/header-bgr-part2.png) right top no-repeat #1B757F; padding: 25px 25px;}
#header-top3{background: #ffffff; padding: 10px 25px;}
#form-search{position: relative; background: #ffffff; border-radius: 10px; padding: 5px 35px 5px 5px;}
#searchtext{border:none; width: 150px; outline: none; padding: 5px 10px; text-align: left; font-style: italic; height: 30px;}
#services{border:none; width: 100px; border-left: 1px solid #000000; outline: none; cursor: pointer; padding: 5px 10px; text-align: center; font-style: italic; height: 30px;;}
#shire{border:none; width: 100px; border-left: 1px solid #000000; outline: none; cursor: pointer; padding: 5px 10px; text-align: center; font-style: italic; height: 30px; }
#cities{border:none; width: 100px; border-left: 1px solid #000000; outline: none; cursor: pointer; padding: 5px 10px; text-align: center; font-style: italic; height: 30px;}
#search-submit-bgr{position: absolute; margin-top: -35px; top:50%; right: -35px; background: #E95E04; border: 5px solid #ffffff; padding: 10px; border-radius: 50px; cursor: pointer; width: 70px; height: 70px;}
#search-submit-bgr:hover{position: absolute; margin-top: -35px; top:50%; right: -35px; background: #000000; border: 5px solid #ffffff; padding: 10px; border-radius: 50px; cursor: pointer; width: 70px; height: 70px;}

#reglogin{border-radius: 10px; border: 3px solid #00ABBA; padding: 10px 15px;}
#register{display: inline-block; padding-left: 10px; background: url('../design/arrow-r-yellow.png') no-repeat left center; color: #FCCA54; text-transform: uppercase; font-size: 18px; text-decoration: none;}
#login{display: inline-block; padding-right: 10px; background: url('../design/arrow-l-white.png') no-repeat right center; color: #ffffff; text-transform: uppercase; font-size: 18px;  text-decoration: none;}
#login span{display: inline-block; padding: 0px 5px; text-transform: lowercase;}
#login:hover, #register:hover{color: #000000;}
.reglog2{display: table; margin-top: 5px;}


#header-top3 ul{list-style: none; overflow: hidden;}
#header-top3 ul li{float: left; padding: 5px 15px; text-transform: uppercase; font-size: 18px;}
#header-top3 ul li:first-child{padding: 5px 15px 5px 0px;}
#header-top3 ul li a{color: #303030; text-decoration: none;}
#header-top3 ul li a:hover{color: #E95E04; text-decoration: none;}

#content-inner{background: url('../design/1x1transparentpixel.png') repeat; padding: 25px;}
#slidercikk{background: #FCCA54; border-radius: 10px; padding: 10px; display: flex;}
#slideranimacio{width: 60%; line-height: 0px;}
#slidercikkek{width: 40%; padding-left: 10px;}
#slidercikkektable{width: 100%; height: 100%;}
#slidercikkektable tr td{height: 50%;}
#firstcell{padding-bottom: 5px; border-top-right-radius: 5px; overflow: hidden;}
#secondcell{padding-top: 5px; border-bottom-right-radius: 5px; overflow: hidden;}
.indexcikk{padding: 20px; height: 100%;}
#firstcell h1{color: #E95E04; font-size: 21px; text-transform: uppercase; margin-bottom: 10px;}
#secondcell h1{color: #ffffff; font-size: 21px; text-transform: uppercase; margin-bottom: 10px;}
.indexcikk a{font-weight: bold; text-decoration: none; color: #FCCA54;}
.indexcikk a:hover{font-weight: bold; text-decoration: underline; color: #FCCA54;}
.indexcikk p{color: #FCCA54;}



#categorislist{border-radius: 15px; padding: 10px 0px; margin: 15px 0px;}
.category{width: 33.33%; padding: 25px; position: relative;}
.category-icons{background: #E95E04; position: absolute; top: 50%; margin-top: -35px; left: 20px; border: 5px solid #ffffff; padding: 10px; border-radius: 50px; cursor: pointer; width: 70px; height: 70px;}
.category-icons-table{width: 100%; height: 100%;}
.category-icons-table tr td{text-align: center; vertical-align: middle; color: #ffffff; font-size: 24px; font-weight: bold;}
.category-text{background: url('../design/arrow-r-yellow.png') no-repeat right 10px center #ffffff; padding: 9px 10px 9px 75px; border-radius: 20px; width: 100%; font-weight: bold;}
.category-text a{text-decoration: none; color: #303030;}
.category-text a:hover{text-decoration: none; color: #E95E04;}

#szures{padding-top: 10px; border-top: 1px solid #cccccc; margin-top: 10px;}
#szures .box{width: 33.33%; float: left;}
#szures select{width: 100%; padding: 3px 6px; border: 1px solid #00ABBA;}

#services2{width: 33.33%;}
#services2 #categorislist{margin-top: 0px;}
.category2{width: 100%!important; padding: 25px; position: relative;}
#cegek{width: 66.66%; padding-right: 25px;}
.ceg{padding-top: 10px; margin-top: 10px; border-top: 1px solid #cccccc;}
.ceg h1 a{text-decoration: none; font-size: 21px; color: #00ABBA;}
.ceg h1 a:hover{text-decoration: none;color: #1B757F;}
.feedback-contener{width: 80px; height: 100px; color: #ffffff; font-size: 36px;}
.feedback-contener table, .feedback-contener table tr, .feedback-contener table td{width: 100%; height: 100%; vertical-align: middle; text-align: center;}
.lead{min-height: 65px; padding: 8px 0px; line-height: 18px;}
.position{font-size: 13px; font-weight: bold; color: #1B757F;}


.ceginfo{padding-top: 10px; margin-top: 10px; border-top: 1px solid #cccccc;}
.actions tr td{background: #d90000; color: #ffffff; font-size: 36px; font-weight: bold; padding: 15px 10px; border-radius: 10px; line-height: 42px;}
.ceginfo h1{font-size: 21px; color: #00ABBA; margin-bottom: 15px;}
.ceginfo-leiras{padding: 5px 0px 0px 0px;}
.ceginfo-leiras p{padding: 5px 0px 10px 0px; line-height: 18px;}
.ceginfo-leiras a{text-decoration: none; color: #00ABBA}
.ceginfo-leiras a:hover{text-decoration: none; color: #1B757F}
.ceginfo-leiras h1{ font-size: 18px; color:#00ABBA;}
.ceginfo-leiras h2{ font-size: 16px; color:#00ABBA;}
.ceginfo-leiras h3{ font-size: 14px; color:#00ABBA;}

.ceginfo-linkek{}
.ceginfo-linkek a{float: left; display: inline-block; margin: 2px; text-decoration: none;}
.ceginfo-terkep{}
.ceginfo-kategoria{font-size: 24px; color: #00ABBA;}

#regisztracio-form{}
#regisztracio-form input{height: 30px; width: 100%; padding: 5px 10px;}
#regisztracio-form label{display: block; font-weight: bold; padding-bottom: 2px; margin-top: 10px;}
#regisztracio-form #regisztracio, #regisztracio-form #belepes{margin-top: 30px;}
#footer-inner{background: #303030; text-align: center; padding: 60px 25px 130px 25px;}
#footer-inner p{padding-top: 20px; text-transform: uppercase;}
#footer-inner p a{color: #ffffff; text-decoration: none;}
#footer-inner p a:hover{color: #FCCA54; text-decoration: none;}

.submit-button{ height: 30px; background: #303030; color: #ffffff; border: none; outline: none; cursor: pointer; text-transform: uppercase; padding: 5px 10px;}
.submit-button:hover{background: #1B757F; color: #ffffff; border: none;}

#comment-contener{padding: 10px; background: #1B757F; color: #ffffff;}
#comment-contener-left{width: 50%; float: left; padding-right: 10px;}
#comment-contener-right{width: 50%; float: left; padding-left: 10px;}
#comment-contener-right input, #comment-contener-left select{width: 100%; padding: 5px 10px;}
#comment-contener textarea{resize: none; padding: 5px 10px; width: 100%; height: 75px;}
#rate{padding: 5px 10px;  min-width: 100px; margin-bottom: 5px;}
#docomment{background: #00ABBA; border: none; outline: none; padding: 5px 10px; color: #ffffff; min-width: 100px; cursor: pointer;}
#docomment:hover{background: #303030; border: none; outline: none; padding: 5px 10px; color: #ffffff; min-width: 100px;}

.hozzaszolas{display: table; width: 100%;}
.hozzaszolas-left{display: table-cell; padding: 0px 10px 0px 0px; vertical-align: top; width: 100%;}
.hozzaszolas-right{display: table-cell; padding: 0px; text-align: center; vertical-align: top; color: #ffffff; }

@media only screen and (max-width : 1100px) {
    #slidercikk{display: block;}
    #slideranimacio{width: 100%; clear: both; margin-bottom: 10px;}
    #slidercikkek{padding-left: 0px; width: 100%;  clear: both;}
}

@media only screen and (max-width : 900px) {  
    #header-top2{background: #1B757F;}
    #header-top2-left{width: 100%; clear: both;}
    #form-search{margin-bottom: 10px;}
    #form-search input[type="text"]{width: 40%;}
    #form-search select{width: 20%;}
    #header-top2-right{width: 100%; clear: both;}
    #search-submit-bgr{right: -5px;}
    #search-submit-bgr:hover{right: -5px;}
    #reglogin{display: table; margin: auto;}
    #register{clear: left;}
    #login{clear: right;}
}

    
@media only screen and (max-width : 900px) {
    #categorislist .category{width: 50%;}
    #services2{width: 100%; clear: both; margin-top: 10px;}
    #cegek{width: 100%; padding-right: 0px; clear: both;}
}


@media only screen and (max-width : 800px) {
    #categorislist .category{width: 100%;}
    
}

@media only screen and (max-width : 600px) {
    #categorislist .category{width: 100%;}
    #header-top{ background: #00ABBA;}
    #header-top a{display: block; clear: both; text-align: center; width: 100%;}
    #header-top a img{margin: auto; display: inline-block;}
}

@media only screen and (max-width : 560px) {
    #form-search{background: none; padding-right: 5px;}
    #searchtext{display: block; width: 100%!important; clear: both; padding-right: 30px;}
    #form-search select{width: 100%; display: block; margin-top: 10px; clear: both;}
    #search-submit-bgr{right: -5px; top: 20px;}
    #search-submit-bgr:hover{right: -5px; top: 20px;}
}