/***** Links *****/

a                                               { color:Black; font-size: 12px; font-family: Verdana; text-decoration:none; outline:0; transition:all .1s linear 0s; -moz-transition:all .1s linear 0s; -webkit-transition:all .1s linear 0s; -o-transition:all .1s linear 0s; }
a:hover                                         { color: Red; }
a:focus                                         { outline:none; -moz-outline-style:none; color: black; }


/***** Buttons  *****/

a.btn,
.btn,
button                                          { padding: 2px 5px 2px 5px; display:inline-block; border-color:white; background-color:black; color:White; font-size:16px; -moz-border-radius:5px; border-radius:5px; cursor: pointer;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
}
:hover.btn                                      { margin: 2px 2px 2px 2px; padding: 2px 5px 2px 5px; display:inline-block; border-color:white; background-color:black; color:red; font-size:16px; -moz-border-radius:5px; border-radius:5px; cursor: pointer;  }

a.btn.small,
.btn.small                                      { padding:2px 10px; font-size:12px; line-height:25px; }

a.btn                                           { display:inline; }
a.btn:hover                                     { display:inline; }

.btn.white                                      { border-color:#CCC; background-color:#FFF; color:#333; }
:hover.btn.white                                { border-color:#000; background-color:#000; color:#FFF; }

.btn.red                                        { border-color:#E74C3C; background-color:#E74C3C; }
:hover.btn.red                                  { border-color:#E74C3C; background-color:#b93d30; color:#FFF; }

.btn.blue                                       { border-color:#3498DB; background-color:#3498DB; }
:hover.btn.blue                                 { border-color:#3498DB; background-color:#2a7aaf; color:#FFF; }

.btn.green                                      { border-color:#2ECC71; background-color:#2ECC71; }
:hover.btn.green                                { border-color:#2ECC71; background-color:#25a35a; color:#FFF; }


.btn.service {
    border: 0;
    background-color: #333;
    padding: 10px;
    border-radius: 2px;
}

.btn.service:hover {
    display: inline;
}

.btn_disabled                                   { margin: 2px 2px 2px 2px; padding: 2px 5px 2px 5px; display:inline-block; color:white; border:2px solid Orange; background-color:gray; font-size:16px; -moz-border-radius:5px; border-radius:5px; cursor: pointer; }


.bcolor_alap
{
    background-color:#0B5781;
}

.gradient_alap
{
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
 
}

.gradient_alap a
{
 color: White;
 line-height: 30px;
 font-size: 12px;
}                                        

.gradient_alap a:hover
{
 color: Red;
 line-height: 30px;
 font-size: 12px;
}                                       

.medium_button:active
{
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #45484d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%,#45484d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%,#45484d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%,#45484d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
}

.medium_button:hover
{
    color:Red;
}

.small_button:hover
{
    color:Red;    
}

.small_button:active
{
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #45484d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%,#45484d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%,#45484d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%,#45484d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
}

.home_button:active
{
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #45484d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%,#45484d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%,#45484d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%,#45484d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */    
}

.medium_button
{
    position: relative;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-align:center;
    font-size:15px;
    width:95px;
    padding:20px;
    border: 0;
    outline: 0;
    cursor: pointer;
    border-radius: 8px;
    text-shadow: -1px -1px 0.5px rgba(0,0,0,0.5);
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px #135c86, inset 0px 2px 1px 0px rgba(255,255,255,0.75);  
}


.small_button
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    position: relative;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-align:center;
    font-size:12px;
    width:95px;
    padding:10px;
    outline: 0;
    cursor: pointer;
    text-shadow: -1px -1px 0.5px rgba(0,0,0,0.5);
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px #135c86, inset 0px 2px 1px 0px rgba(255,255,255,0.75);
    top: 0px;
    left: 0px;
}


.home_button 
{
    position: relative;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    text-align:center;
    font-size:20px;
    width:180px;
    padding:40px;
    border: 0;
    outline: 0;
    cursor: pointer;
    border-radius: 8px;
    text-shadow: -1px -1px 0.5px rgba(0,0,0,0.5);
    overflow: hidden;
    box-shadow: inset 0px 0px 0px 1px #135c86, inset 0px 2px 1px 0px rgba(255,255,255,0.75);    
}

.allapot_vetkozes
{
    background-color: GrayText;
}

.allapot_barnitas
{
    background-color: Maroon;
}

.allapot_hutes
{
    background-color: Yellow;
}

.allapot_takaritas
{
    background-color: Gray;
}