/* 
    Document   : virtualcom
    Created on : 2014.03.09., 21:00:58
    Author     : ATIS
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

div#header {
    /*text-align: -webkit-center;*/
    padding-left: auto;
    padding-right: auto;
    background-color: #ffffff;
    background-repeat: repeat-x;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ede2dc), to(#ffffff));
    background: -webkit-linear-gradient(top, #ffffff, #ede2dc);
    background: -moz-linear-gradient(top, #ffffff, #ede2dc);
    background: -ms-linear-gradient(top, #ffffff, #ede2dc);
    background: -o-linear-gradient(top, #ffffff, #ede2dc);
}

div#header h3 {
    margin-top: 0px;
}

div#header div.right p{
    color: #69b143;
    font-weight: bold;
}

a.language-selector {
    /*float: left;*/
    display: inline-block;
    height: 25px; 
    width: 27px; 
    margin-top: 10px;
    margin-right: 3px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-repeat: no-repeat;
    background-size: contain;
}

a.language-selector#hu {
    background-image:url("../images/total_gray_flag_hu.png");
}

a.language-selector#gb {
    background-image:url("../images/total_gray_flag_gb.png");
}

a.language-selector#de {
    background-image:url("../images/total_gray_flag_de.png");
}

a.language-selector#hu:hover {
    background-image:url("../images/flag_hu.png");
}

a.language-selector#gb:hover {
    background-image:url("../images/flag_gb.png");
}

a.language-selector#de:hover {
    background-image:url("../images/flag_de.png");
}

div#top_menu {
    border-radius: 0;
    margin-bottom: 0px;
    border-bottom: 5px solid #69b143;
    background-color: #3e3e3e;
    box-shadow: 1px 3px 7px grey;
}
 
div#top_menu.navbar-inverse .navbar-nav li {
    border-right: 1px solid #5b5656;
}

div#top_menu.navbar-inverse a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #69b143 !important;
}
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover, 
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #69b143 !important;
    color: #fff;
}

footer {
    display: inline-block !important;
    /*background-color: #69b143;*/
    color: #ffffff;
    font-size: 18px;
    width: 100%;
    min-height: 100px;
    z-index: 4;
}

footer div#footer-top {
    background-color: #69b143;
    padding: 10px;
    background: -webkit-linear-gradient(left, #659b49, #69b143, #69b143, #69b143, #659b49); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #659b49, #69b143, #69b143, #69b143, #659b49); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #659b49, #69b143, #69b143, #69b143, #659b49); /* For Fx 3.6 to 15 */
    background: linear-gradient(to right, #659b49, #69b143, #69b143, #69b143, #659b49); /* Standard syntax (must be last) */
}

footer div#footer-separator {
    background-color: #0064f4;
    box-shadow: 1px 3px 7px grey;
    height: 5px;
}

footer div#footer-bottom {
    padding: 20px;
    color: #999;
}

footer a {
    color: #ede2dc;
}

div.col-lg-6.left {
    text-align: -webkit-left;
    text-align: left;
}

div.col-lg-6.right {
    text-align: -webkit-right;
    text-align: right;
}

.navbar-collapse #main_top_menu a.subParent {
    font-weight: bold;
    font-size: 16px;
}
.navbar-collapse #main_top_menu a.subChildren {
    margin-left: 10px;
}

a.social-link {
    display: inline-block;
    width: 50px;
}

a#up {
    display: none;
    background-color: #80807c;
    position: fixed;
    bottom: 25px;
    right: 20px;
    height: 40px;
    width: 45px;
    text-align: center;
    vertical-align: middle;
    padding-top: 6px;
    font-size: 23px;
    opacity: 0.9;
    z-index: 9999;
}

a.social {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    /*background-size: contain;*/
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a.social#facebook {
    background-image: url("../images/social_gray_facebook.png");
}

a.social#facebook:hover {
    background-image: url("../images/social_facebook.png");
}

a.social#googleplus {
    background-image: url("../images/social_gray_googleplus.png");
}

a.social#googleplus:hover {
    background-image: url("../images/social_googleplus.png");
}

a.social#youtube {
    background-image: url("../images/social_gray_youtube.png");
}

a.social#youtube:hover {
    background-image: url("../images/social_youtube.png");
}

a.social#twitter {
    background-image: url("../images/social_gray_twitter.png");
}

a.social#twitter:hover {
    background-image: url("../images/social_twitter.png");
}

a.social#linkedin {
    background-image: url("../images/social_gray_linkedin.png");
}

a.social#linkedin:hover {
    background-image: url("../images/social_linkedin.png");
}

h4#newletter_subscribe_title {
    
    background-image: url("../images/newsletter_background_image.png");
    background-size: 188px 75px;
    background-repeat: no-repeat;
    height: 75px;
    padding-top: 23px;
    padding-left: 92px;
    font-size: 26px;
}

div.NewsletterSubscribeRow input {
    background: #487232;
    background: -webkit-linear-gradient(#55823d, #68934f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#55823d, #68934f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#55823d, #68934f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#55823d, #68934f); /* Standard syntax */
    color: white;
    border: 1px solid #73c444;
    margin-bottom: 5px;
    border-radius: 0px;
}

div.NewsletterSubscribeRow input:focus {
    background: #487232;
    background: -webkit-linear-gradient(#58873f, #6c9951); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#58873f, #6c9951); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#58873f, #6c9951); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#58873f, #6c9951); /* Standard syntax */
    color: white;
    border: 1px solid #77cc43;
    margin-bottom: 5px;
    border-radius: 0px;
}

div.NewsletterSubscribeRow input::-webkit-input-placeholder { color:white; }
div.NewsletterSubscribeRow input::-moz-placeholder { color:white; } /* firefox 19+ */
div.NewsletterSubscribeRow input:-ms-input-placeholder { color:white; } /* ie */
div.NewsletterSubscribeRow input:-moz-placeholder { color:white; }

div.NewsletterSubscribeRow button {
    background-color: #71a053;
    border-color: #4a772e;
}

div.NewsletterSubscribeRow button:hover {
    background-color: #77ad56;
    border-color: #2d5116;
}

div.NewsletterSubscribeRow div.virow {
    display: inline-block;
    vertical-align: middle;
}

div.NewsletterSubscribeRow div.virow.submit {
    margin-top: -6px;
}

div#floatRightSide {
    z-index: 3;
    /*background-color: white;*/
}

div#social_share_button {
    margin-top: 10px;
}

div[id*=plusone] {
    vertical-align: middle !important;
    width: 70px !important;
}

span.IN-widget {
    vertical-align: middle !important;
}

form.ViActiveForm .error {
    color: #a94442;
}

form.ViActiveForm label {
    /*margin-top: 10px;*/
    display: block;
    margin-bottom: 0px;
}


form.ViActiveForm input,
form.ViActiveForm textarea {
    display: inline;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

form.ViActiveForm select {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

form.ViActiveForm input:focus,
form.ViActiveForm select:focus,
form.ViActiveForm textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

form.ViActiveForm input:-moz-placeholder,
form.ViActiveForm select:-moz-placeholder,
form.ViActiveForm textarea:-moz-placeholder {
  color: #999999;
}

form.ViActiveForm input::-moz-placeholder,
form.ViActiveForm select::-moz-placeholder,
form.ViActiveForm textarea::-moz-placeholder {
  color: #999999;
  opacity: 1;
}

form.ViActiveForm input:-ms-input-placeholder,
form.ViActiveForm select:-ms-input-placeholder,
form.ViActiveForm textarea:-ms-input-placeholder {
  color: #999999;
}

form.ViActiveForm input::-webkit-input-placeholder,
form.ViActiveForm select::-webkit-input-placeholder,
form.ViActiveForm textarea::-webkit-input-placeholder {
  color: #999999;
}

form.ViActiveForm input[disabled],
form.ViActiveForm select[disabled],
form.ViActiveForm textarea[disabled],
form.ViActiveForm input[readonly],
form.ViActiveForm select[readonly],
form.ViActiveForm textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

form.ViActiveForm textarea {
  height: auto;
}


form.ViActiveForm input.warning,
form.ViActiveForm select.warning,
form.ViActiveForm textarea.warning  {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

form.ViActiveForm input.warning:focus,
form.ViActiveForm select.warning:focus,
form.ViActiveForm textarea.warning:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

form.ViActiveForm input.error,
form.ViActiveForm select.error,
form.ViActiveForm textarea.error  {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

form.ViActiveForm input.error:focus,
form.ViActiveForm select.error:focus,
form.ViActiveForm textarea.error:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
form.ViActiveForm .label {
    padding: .2em .6em .3em;
    font-size: 100%;
    color: #5b5656;
    text-align: left;
    line-height: 0;
}

#footer-virtualcom-logo {
    display: inline-block;
    background-image: url("../images/vcomszh_logo_fekvo_transp_200x80_01.png");
    background-image: url("../images/vcomszh_szurke_logo_fekvo_transp_200x80_01.png");
    background-repeat: no-repeat;
    background-size: 200px 80px;
    height: 80px;
    width: 200px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#footer-virtualcom-logo:hover {
    background-image: url("../images/vcomszh_logo_fekvo_transp_200x80_01.png");
}

#footer-vipcms-logo {
    display: inline-block;
    background-image: url("../images/vipcms_logo.png");
    background-image: url("../images/animated_vipcms_logo_fix.gif");
    background-repeat: no-repeat;
    background-size: 170px 71px;
    height: 71px;
    width: 170px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#footer-vipcms-logo:hover {
    background-image: url("../images/vipcms_logo.png");
}

#footer_menu {
    
}

#footer_menu li {
    display: inline-block;
}

#footer_menu li a {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#footer_menu li a:hover {
    text-decoration: none;
}

a#virtualcom-header-logo {
    margin-top: 10px;
    display: inline-block;
    background-image: url("../images/virtualcom_logo.png");
    background-repeat: no-repeat;
    background-size: 220px 87px;
    height: 87px;
    width: 220px;
}

a#virtualcom-header-logo:hover {
    background-image: url("../images/animated_virtualcom_logo.gif");
}

a#seosiker {
    margin-top: 10px;
    display: inline-block;
    background-image: url("../images/seosiker_logo.png");
    background-repeat: no-repeat;
    background-size: 220px 87px;
    height: 87px;
    width: 268px;
}

.field.ViForm.elkuld button {
	display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
	margin-top: 10px;
    width: 155px;
    font-weight: bold;
}

.NewsletterSubscribeForm input {
	margin-bottom: 5px;
}

button[name="search_submit"] {
    margin-top: 5px;
}

a.social#instagram {
    background-image: url(../images/instagram.png);
}