@font-face {
    font-family: candy;
    src: url(../app/webroot/fonts/Candy_Shop_Black.ttf);
}
@font-face {
    font-family: sketch;
    src: url(../app/webroot/fonts/Sketch_Match.ttf);
}

body{background:#f9f9f9;}
.login{width: 300px;padding:10px;left: 50%;margin-top:50px;margin-left: -160px;border: 10px solid #FFF;display: block;-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.1);box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.mrg{margin-top:25px; margin-bottom:10px;    background: rgba(255, 255, 255, 0.65);    padding: 20px;    border-radius: 20px;}
.pagination {margin: 2px 0;}
.pad{padding:5px 5px;}
.mrg-1{margin-top: 5px;}
.asc{background: url('../img/sort_asc.png') no-repeat center right;cursor: pointer;display: block;}
.desc{background: url('../img/sort_desc.png') no-repeat center right;cursor: pointer;display: block;}
table tr th a{color:#000;background: url('../img/sort_both.png') no-repeat center right;cursor: pointer;display: block;}
table tr th a:hover{text-decoration: none;}
.error-message{color: #FF0000;}

body:after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content: url(../app/webroot/css/images/fiu0.png) url(../app/webroot/css/images/fiu.png) url(../app/webroot/css/images/fiu1.png);
}

#wrap{
    background: url("../app/webroot/img/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
	background-position: 0;
}
#avatar{
    background: url("../app/webroot/css/images/fiu.png");
    background-repeat: no-repeat;
    background-size: cover;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    position: fixed;
	cursor: pointer;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
#avatar.show{
    background: url("../app/webroot/css/images/fiu0.png");
	background-repeat: no-repeat;
    background-size: cover;
}

#avatar.popup{
    background: url("../app/webroot/css/images/fiu1.png");
	background-repeat: no-repeat;
    background-size: cover;
	left: initial;
}

.bubble-le 
{
position: relative;
width: 250px;
height: 95px;
padding: 2px;
background: #FFFFFF;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-align: center;
line-height: 85px;
-webkit-box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow: 0px -4px 5px 0px rgba(50, 50, 50, 0.3);
}

.bubble-le:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 112px;
}

.bubble-bal 
{
position: relative;
width: 250px;
height: 95px;
padding: 2px;
background: #FFFFFF;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-align: center;
line-height: 85px;
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.3);
}


.bubble-bal:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
left: -15px;
top: 34px;
}

.bubble-jobb 
{
position: relative;
width: 250px;
height: 95px;
padding: 2px;
background: #FFFFFF;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
text-align: center;
line-height: 85px;
-webkit-box-shadow: -4px 4px 5px 0px rgba(50, 50, 50, 0.3);
-moz-box-shadow: -4px 4px 5px 0px rgba(50, 50, 50, 0.3);
box-shadow: -4px 4px 5px 0px rgba(50, 50, 50, 0.3);
}

.bubble-jobb:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
right: -15px;
top: 34px;
}


#menu{
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
	width: 100%;
	height: 100%;	
	display: none;
	font-family: "sketch";
}

#menu.show{
	display: block;
}

.menu-item {
 position: absolute;
}

.menu-item a{
font-size: 60px;
}

.menu-item a:hover .bubble{

}

.menu-item.fent{   
    top: -35%;
    left: 35%;
}

.menu-item.balra{   
    left: -20%;   
}

.menu-item.jobbra{   
    left: 90%;    
}

.menu-item.lent{   
    bottom: 30%;   
}

.social-info{
    background: white;
    border-radius: 5px;
}

.alert {display:none;}

#kategoriak > div{
	cursor: pointer;
}

#kategoriak > div:hover{
	-ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

/*
#allatok > div{
	cursor: pointer;
}

#allatok > div:hover{
	-ms-transform: scale(0.9);
    -webkit-transform: scale(0.9); 
    transform: scale(0.9);
	opacity: 0.9;
}*/