/*by etaireies.gr*/
.bar {
    position: fixed;
    width: 100%;
    height: 60px;
    background-color: #333;
    top: 0;
    z-index: 500000;
	color:#ffffff;
}
.container-bar {
    padding: 0 15%;
    height: 100%;
    background-color: #545454;
}
.bar a{
color:#ffffff;}

.bar-left {
    position: absolute;
    float: left;
}
.bar-left a {
    font-family: Verdana;
    font-size: 25px;
    color: #fff;
    line-height: 50px;
    text-decoration: none;
}
.bar-left a:hover {
    color: #f5f5f5;
    text-decoration: none;
}
.bar-right {
    /* float: left; */   
    margin: auto;
}
.bar-center {
    margin: auto;
}
.buttoncolor {
    width: 35px;
    height: 30px;
    border: 2px outset buttonface;
    padding: 2px;
}
.buttonfill {
    width: 100%;
    height: 100%;
}

.buttonfill.blue {
    background-color: #001c99;
}
.buttonfill.bluelight {
    background-color: #328DBC;
}
.buttonfill.red {
    background-color: #d31d12;
}
.buttonfill.yellow {
    background-color: #FEB914;
}
.buttonfill.green {
    background-color: #30691A;
}
.buttonfill.mov {
    background-color: #D08FC7;
}
.buttonfill.gray {
    background-color: #7A7A7A;
}
.buttonfill.black {
    background-color: #0D0D0D;
}
.buttonfill.bluelight{
    background-color: #328dbc;
}
.buttonfill.bluedark{
    background-color: #0c006f;
}
.button-container {
    display: block;
    height: 30px;
    margin: auto;
    width: 269px;
    margin-top: 3px;
}

.colortext {
    color: #fff;
    font-family: Tahoma;
    font-size: 12px;
    text-align: center;
}
.bar-left a:hover {
    color: #f5f5f5;
}
.bar-right {
    float: right;
}
.buybutton {
	background-color:#f80000!important;
	border-radius:2px;
	cursor:pointer;
	color:#fff!important;
	font-family:Verdana;
	font-size:12px!important;
	font-weight:bold;
	text-decoration:none;
	height:auto!important;
	padding:5px 0px;
	vertical-align:super;
	display:block;
}
.buybutton:a{
	background-color:#f80000!important;
	border-radius:2px;
	display:block;
	cursor:pointer;
	color:#fff!important;
	font-family:Verdana;
	font-size:12px!important;
	font-weight:bold;
	padding:5px 0px;
	text-decoration:none;
	height:auto!important;
	vertical-align:super;
}
.buybutton a:link{
	background-color:#f80000;
	border-radius:2px;
	display:block;
	cursor:pointer;
	color:#fff!important;
	font-family:Verdana;
	font-size:12px!important;
	font-weight:bold;
	padding:5px 0px;
	text-decoration:none;
	height:auto!important;
	vertical-align:super;
}
.buybutton a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e30303), color-stop(1, #f80000));
	background:-moz-linear-gradient(top, #e30303 5%, #f80000 100%);
	background:-webkit-linear-gradient(top, #e30303 5%, #f80000 100%);
	background:-o-linear-gradient(top, #e30303 5%, #f80000 100%);
	background:-ms-linear-gradient(top, #e30303 5%, #f80000 100%);
	background:linear-gradient(to bottom, #e30303 5%, #f80000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e30303', endColorstr='#f80000',GradientType=0);
	background-color:#e30303;
	color:#ffffff!important;
	font-size:12px!important;
	text-decoration:none;
	font-weight:bold;
}
div.buybutton{
	background-color:#f80000!important;
	display:block;
	max-width:200px;
	cursor:pointer;
	color:#ffffff!important;
	font-family:Verdana;
	font-size:12px!important;
	font-weight:bold;
	text-align:center;
	padding:0;
	text-decoration:none;
	margin-bottom:2px;
	}	
@media (max-width: 736px) {
    .container-bar {
        padding:0 10px;
    }
    .bar-palette {
        background: url(images/palette.png) no-repeat 0 0;
        width: 24px;
        height: 24px;
        position: absolute;
        margin-right: 10px;
        top: 12px;
        right: 0;
}
    .bar-center {
        position: relative;
        left: 736px;
    }
    .container-bar:hover {
        position: relative;
        right: 736px;
    }
    .buttoncolor {
        width: 24px;
        height: 24px;
        border: 2px outset buttonface;
        padding: 2px;
        font-size: 0px;
    }
    
    .buttonfill {
        width: 100%;
        height: 100%;
    }
    .button-container {
        width: 192px;
    }

}
.bar-left a {
    font-size: 20px;
}
}
@media (min-width: 736px
) {
    .container-bar {
        padding:0 5%;
    }
}

* {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}